:root {
  --halo-bg: #f6f5f2;
  --halo-bg-raised: #ffffff;
  --halo-bg-quiet: #ebe9e3;
  --halo-ink: #111316;
  --halo-muted: #626461;
  --halo-subtle: #8c9091;
  --halo-rule: rgba(17, 19, 22, 0.13);
  --halo-rule-strong: rgba(17, 19, 22, 0.24);
  --halo-accent: #f13aad;
  --halo-accent-strong: #d92c98;
  --halo-accent-soft: rgba(241, 58, 173, 0.12);
  --brand-linkedin: #0a66c2;
  --halo-form-surface: #f8f7f4;
  --halo-field-surface: #fbfaf7;
  --halo-field-active-surface: #ffffff;
  --halo-field-border: #c9cac6;
  --halo-light-alpha-40: rgba(255, 255, 255, 0.4);
  --halo-magenta: #f13aad;
  --prism-sidebar-bg: #18212f;
  --prism-cloud: #f6f8fb;
  --prism-mist: #eef2f7;
  --prism-surface: #ffffff;
  --prism-surface-raised: #fbfcfe;
  --prism-border: #e5eaf2;
  --prism-border-strong: #d8dfeb;
  --prism-text-primary: #16202a;
  --prism-text-secondary: #667085;
  --prism-text-muted: #9aa4b2;
  --prism-magenta: #d946ef;
  --prism-magenta-50: #fff4fd;
  --prism-magenta-100: #fdeafd;
  --prism-magenta-300: #f6b0f8;
  --prism-magenta-700: #a72dc7;
  --prism-blue-50: #eff6ff;
  --prism-blue-100: #dbeafe;
  --prism-blue-200: #bfdbfe;
  --prism-processing: #2a5ec2;
  --prism-success-50: #ecfdf5;
  --prism-success-200: #a7f3d0;
  --prism-success-800: #065f46;
  --prism-warning-50: #fffbeb;
  --prism-warning-200: #fde68a;
  --prism-warning-800: #92400e;
  --prism-review: #4a58b2;
  --prism-review-bg: #f4f6fe;
  --prism-sla-on-track: #427962;
  --prism-sla-on-track-bg: #f1f8f4;
  --prism-sla-met: #3a6b57;
  --prism-sla-met-bg: #edf6f1;
  --prism-queued-bg: #f3f5f8;
  --prism-sidebar-text: #c8d1df;
  --prism-sidebar-muted: #93a0b6;
  --prism-sidebar-strong: #edf2fb;
  --prism-sidebar-chip: #a6b2c7;
  --halo-dark: #08090b;
  --halo-capture-bg: #05010d;
  --halo-capture-glass: rgba(168, 173, 183, 0.055);
  --halo-capture-rule: rgba(168, 173, 183, 0.12);
  --halo-capture-text: rgba(255, 255, 255, 0.94);
  --halo-capture-muted: rgba(216, 223, 232, 0.7);
  --halo-capture-success: #48e185;
  --halo-product-bg: #16181d;
  --halo-mobile-canvas: #150f18;
  --halo-mobile-app-bar-background: var(--halo-mobile-canvas);
  --halo-mobile-status-bar-background: var(--halo-mobile-canvas);
  --halo-mobile-screen-background: var(--halo-mobile-canvas);
  --halo-mobile-bottom-nav-background: var(--halo-mobile-canvas);
  --halo-mobile-bg: var(--halo-mobile-canvas);
  --halo-mobile-success: #45d28d;
  --halo-mobile-warning: #f7b955;
  --halo-mobile-danger: #e46a7d;
  --halo-mobile-info: #7bb7ff;
  --halo-mobile-system-recording: #ff453f;
  --halo-mobile-system-privacy: #45d26d;
  --halo-dark-ink: #f4f1ea;
  --halo-dark-muted: #b9b7b0;
  --halo-dark-rule: rgba(244, 241, 234, 0.18);
  --halo-success: #2ea77b;
  --halo-warning: #b7791f;
  --halo-danger: #c44d5e;
  --halo-danger-soft: rgba(196, 77, 94, 0.12);
  --halo-dark-accent-soft: rgba(241, 58, 173, 0.12);
  --stage-active-rail: 2px;
  --stage-active-surface: var(--halo-accent-soft);
  --stage-active-foreground: var(--halo-ink);
  --stage-complete-foreground: var(--halo-ink);
  --stage-inactive-foreground: var(--halo-muted);

  --halo-font-sans:
    "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --halo-font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  --radius-card: 2px;
  --radius-media: 2px;
  --radius-vin-cell: 6px;
  --radius-control: 14px;
  --prism-radius-sm: 8px;
  --prism-radius-md: 12px;
  --prism-radius-lg: 16px;
  --radius-phone: clamp(28px, 10.8vw, 42px);
  --radius-pill: 999px;
  --page-x: clamp(1.25rem, 4.6vw, 5.5rem);
  --halo-composition-max: 1360px;
  --halo-composition-outer: calc(var(--halo-composition-max) + (var(--page-x) * 2));
  --halo-container-reading: 760px;
  --halo-container-editorial: 980px;
  --halo-container-content: 1160px;
  --halo-container-showcase: var(--halo-composition-max);
  --content-max: var(--halo-container-content);
  --halo-grid-max: var(--halo-container-showcase);
  --measure: min(54ch, 760px);
  --page-section-y: clamp(6rem, 9vw, 11.5rem);
  --page-section-y-tight: clamp(4.75rem, 6.5vw, 7.5rem);
  --page-section-y-major: clamp(7rem, 11vw, 14rem);
  --page-text-image-gap: clamp(3.75rem, 6vw, 8rem);
  --layout-split-gap: clamp(2.75rem, 5vw, 6.5rem);
  --layout-copy-column: minmax(20rem, 0.46fr);
  --layout-media-column: minmax(0, 0.54fr);
  --copy-max: 44rem;
  --copy-max-narrow: 38rem;
  --headline-measure: 15ch;
  --headline-measure-wide: 18ch;
  --hero-min-height: max(44rem, 100svh);
  --hero-short-min-height: clamp(36rem, 76svh, 46rem);
  --section-y: clamp(7.25rem, 11vw, 15rem);
  --section-y-tight: clamp(5.25rem, 7.8vw, 9rem);
  --section-y-major: clamp(10rem, 14vw, 19rem);
  --text-image-gap: clamp(4.5rem, 7.4vw, 9.5rem);
  --header-height: 3.72rem;
  --header-height-compact: 3.54rem;
  --header-logo-width: clamp(5.45rem, 6.2vw, 6.25rem);
  --header-logo-width-mobile: 5.7rem;
  --nav-gap: clamp(0.7rem, 1.08vw, 1.26rem);
  --header-cta-height: 2.16rem;
  --halo-dot-size: clamp(0.58rem, 0.18vw + 0.54rem, 0.78rem);
  --halo-dot-gap: clamp(0.75rem, 0.4vw + 0.64rem, 1rem);
  --halo-signature-line-width: 2px;
  --halo-signature-line-gap: clamp(1.25rem, 1.1vw, 1.5rem);
  --eyebrow-gap: var(--halo-dot-gap);
  --headline-body-gap: var(--space-5);
  --body-cta-gap: var(--space-6);
  --card-pad: var(--space-4);
  --rule-width: 1px;
  --marker-size: var(--halo-dot-size);
  --target-size: 4.2rem;

  --type-display-hero: clamp(3.15rem, 5vw, 6.2rem);
  --type-display-hero-balanced: clamp(2.85rem, 4.25vw, 5.25rem);
  --type-display-hero-compact: clamp(2.55rem, 3.65vw, 4.5rem);
  --type-display-page: clamp(2.85rem, 4.45vw, 5.4rem);
  --type-heading-section: clamp(2.3rem, 3.55vw, 4.45rem);
  --type-heading-section-compact: clamp(2.05rem, 2.9vw, 3.65rem);
  --type-heading-feature: clamp(1.75rem, 2.2vw, 2.8rem);
  --leading-display: 0.98;
  --leading-heading: 1.02;
}

@media (max-width: 760px) {
  :root {
    --page-x: clamp(1.1rem, 5.4vw, 1.5rem);
    --headline-measure: 13ch;
    --headline-measure-wide: 15ch;
    --hero-min-height: max(42rem, 100svh);
    --hero-short-min-height: max(35rem, 72svh);
    --type-display-hero: clamp(2.5rem, 10.4vw, 3.75rem);
    --type-display-hero-balanced: clamp(2.3rem, 9.2vw, 3.3rem);
    --type-display-hero-compact: clamp(2.08rem, 8.2vw, 2.85rem);
    --type-display-page: clamp(2.4rem, 9.8vw, 3.55rem);
    --type-heading-section: clamp(2.15rem, 8.8vw, 3.25rem);
    --type-heading-section-compact: clamp(1.92rem, 7.7vw, 2.75rem);
  }
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}