:root {
  /* Immutable layout tokens */
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --space-120: 120px;
  --space-160: 160px;

  --radius-8: 8px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-20: 20px;
  --radius-24: 24px;
  --radius-pill: 999px;

  --container-phone: 100%;
  --container-tablet: 100%;
  --container-desktop: 1440px;
  --container-padding-phone: 16px;
  --container-padding-tablet: 24px;
  --container-padding-desktop: 32px;

  --grid-columns-phone: 4;
  --grid-columns-tablet: 8;
  --grid-columns-desktop: 12;
  --grid-gap-phone: 16px;
  --grid-gap-tablet: 20px;
  --grid-gap-desktop: 24px;
  --grid-margin-phone: 16px;
  --grid-margin-tablet: 24px;
  --grid-margin-desktop: 32px;

  /* Typeface */
  --font-family-sans: "Lexend", sans-serif;
  --font-weight-light: 300;
  --font-weight-regular: 400;

  /* Foundation motion */
  --motion-duration-fast: 160ms;
  --motion-ease-standard: ease;
  --motion-duration-control: 340ms;
  --motion-duration-control-emphasis: 360ms;
  --motion-duration-shell: 420ms;
  --motion-ease-emphasized: cubic-bezier(0.22, 1, 0.36, 1);

  /* Foundation borders */
  --border-width-none: 0;
  --border-width-thin: 1px;

  /* Foundation spacing */
  --space-inline-xs: var(--space-4);
  --space-inline-sm: var(--space-4);
  --space-inline-md: var(--space-8);
  --space-inline-lg: var(--space-8);
  --space-inline-xl: var(--space-8);
  --space-stack-xs: var(--space-12);
  --space-stack-sm: var(--space-12);
  --space-stack-md: var(--space-16);
  --space-stack-lg: var(--space-20);
  --space-stack-xl: var(--space-24);
  --space-stack-2xl: var(--space-24);
  --space-stack-3xl: var(--space-32);
  --space-stack-4xl: var(--space-40);

  /* Foundation sizes */
  --size-control-md: 44px;
  --size-control-lg: 48px;
  --size-icon-sm: 20px;
  --size-icon-xs: 18px;
  --size-corner-width: 15px;
  --size-corner-height: 12px;

  /* Foundation layout */
  --layout-header-padding-inline: var(--space-48);
  --layout-dropdown-panel-min: 14rem;
  --layout-problem-visual-max: 534px;

  /* Foundation section spacing */
  --section-space-2xl: var(--space-120);
  --section-space-xl: var(--space-80);
  --section-space-lg: var(--space-48);
  --section-space-md: var(--space-24);
  --section-space-sm: var(--space-20);

  /* Foundation radius */
  --radius-sm: var(--radius-8);
  --radius-md: var(--radius-12);

  /* Foundation shadows */
  --shadow-hero-visual:
    drop-shadow(0 168px 67px rgba(0, 0, 0, 0.018))
    drop-shadow(0 95px 57px rgba(0, 0, 0, 0.065))
    drop-shadow(0 42px 42px rgba(0, 0, 0, 0.11))
    drop-shadow(0 11px 23px rgba(0, 0, 0, 0.14));
  /* Color tokens synced from Figma */
  --figma-color-black-base: #000000;
  --figma-color-white-base: #ffffff;
  --figma-color-dark-base: #1f1f1f;
  --figma-color-dark-tint-1: #414141;
  --figma-color-dark-tint-2: #595959;
  --figma-color-dark-tint-3: #6d6d6d;
  --figma-color-dark-tint-4: #7b7b7b;
  --figma-color-dark-tint-5: #868686;
  --figma-color-dark-tint-6: #939393;
  --figma-color-dark-tint-7: #a3a3a3;
  --figma-color-dark-tint-8: #bababa;
  --figma-color-dark-tint-9: #d7d7d7;
  --figma-color-extra-0: #778f99;
  --figma-color-extra-1: #7b9d89;
  --figma-color-extra-2: #ed585a;
  --figma-color-extra-2-rgb: 237 88 90;
  --figma-color-off-white-base: #f4f4f4;
  --figma-color-off-white-alpha-1: rgba(244, 244, 244, 0.85);
  --figma-color-off-white-alpha-2: rgba(244, 244, 244, 0.74);
  --figma-color-off-white-alpha-3: rgba(244, 244, 244, 0.65);
  --figma-color-off-white-alpha-4: rgba(244, 244, 244, 0.59);
  --figma-color-off-white-alpha-5: rgba(244, 244, 244, 0.54);
  --figma-color-off-white-alpha-6: rgba(244, 244, 244, 0.48);
  --figma-color-off-white-alpha-7: rgba(244, 244, 244, 0.41);
  --figma-color-off-white-alpha-8: rgba(244, 244, 244, 0.31);
  --figma-color-off-white-alpha-9: rgba(244, 244, 244, 0.18);

  /* Semantic color aliases */
  --color-text-primary: var(--figma-color-black-base);
  --color-text-strong: var(--figma-color-dark-base);
  --color-text-muted: var(--figma-color-dark-tint-4);
  --color-text-subtle: var(--figma-color-dark-tint-6);
  --color-text-inverse: var(--figma-color-white-base);
  --color-surface-page: var(--figma-color-white-base);
  --color-surface-raised: var(--figma-color-off-white-base);
  --color-surface-overlay-strong: var(--figma-color-off-white-alpha-1);
  --color-surface-overlay-soft: var(--figma-color-off-white-alpha-5);
  --color-surface-overlay-faint: var(--figma-color-off-white-alpha-9);
  --color-grid-line-soft: rgba(31, 31, 31, 0.04);
  --color-surface-canvas: var(--figma-color-white-base);
  --color-surface-glass-strong: rgba(244, 244, 244, 0.92);
  --color-surface-glass-medium: rgba(244, 244, 244, 0.55);
  --color-border-soft: var(--figma-color-dark-tint-9);
  --color-accent-alert: var(--figma-color-extra-2);

  /* Semantic effect tokens */
  --effect-blur-header-base: 6px;
  --effect-blur-header-progressive-start: 72px;
  --effect-blur-header-progressive-mid: 36px;
  --effect-header-overlay-top:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.72) 0%,
      rgba(255, 255, 255, 0.34) 32%,
      rgba(255, 255, 255, 0.12) 68%,
      rgba(255, 255, 255, 0) 100%
    );
  --effect-header-overlay-bottom:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.04) 0%,
      rgba(255, 255, 255, 0.12) 56%,
      rgba(255, 255, 255, 0.2) 100%
    );
  --effect-header-mask-top:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.92) 16%,
      rgba(0, 0, 0, 0.48) 58%,
      rgba(0, 0, 0, 0.1) 88%,
      rgba(0, 0, 0, 0) 100%
    );
  --effect-header-mask-bottom:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.12) 34%,
      rgba(0, 0, 0, 0.52) 76%,
      rgba(0, 0, 0, 0.92) 100%
    );
  --effect-blur-panel-md: 8px;
  --effect-shadow-panel-md: 0 12px 28px rgba(31, 31, 31, 0.05);

  /* Hero source tokens */
  --hero-panel-columns: minmax(0, 2fr) minmax(0, 1fr);
  --hero-shell-max: 1200px;
  --hero-panel-row-height: 330px;
  --hero-panel-gap: var(--space-48);
  --hero-panel-padding-x: var(--space-48);
  --hero-panel-padding-top: var(--space-120);
  --hero-panel-padding-bottom: var(--space-120);
  --hero-visual-width: 356px;
  --hero-visual-height: 496px;
  --hero-lead-strip-background: var(--figma-color-off-white-base);
  --hero-lead-strip-padding: var(--space-48);
  --hero-lead-strip-color: var(--figma-color-dark-tint-2);
  --hero-metrics-wrap-blur: 2.5px;
  --hero-metric-padding-x: var(--space-48);
  --hero-metric-padding-y: 32px;
  --hero-metric-value-size: 80px;
  --hero-metric-value-line: 80px;
  --hero-metric-label-gap: var(--space-8);
  --hero-cta-columns: minmax(0, 2fr) minmax(0, 1fr);
  --hero-cta-row-height: 44px;
  --hero-cta-gap: var(--space-48);
  --hero-cta-padding: var(--space-48);
  --hero-cta-button-gap: var(--space-12);
  --hero-cta-corner-offset: var(--space-24);

  /* Landing page structural tokens */
  --landing-toggle-gap: var(--space-inline-xs);
  --landing-section-label-min-height: 3.1875rem;
  --landing-problem-visual-min-height: 33.4375rem;

  --hero-cta-shell-corner-tr: url("../assets/ui/header/header-button-v1-corner-tr-default.svg");
  --hero-cta-shell-corner-br: url("../assets/ui/header/header-button-v1-corner-br-default.svg");
  --problem-item-corner-tr-asset: url("../assets/sections/solution/problem-step-corner-tr.svg");
  --problem-item-corner-bl-asset: url("../assets/sections/solution/problem-step-corner-bl.svg");

  /* Semantic control typography */
  --type-control-caps-size: var(--type-heading-xs-caps-size);
  --type-control-caps-line: var(--type-heading-xs-caps-line);
  --type-control-caps-track: var(--type-heading-xs-caps-track);
  --type-control-caps-weight: var(--type-heading-xs-caps-weight);

  /* Semantic control colors */
  --color-control-dark-bg: var(--figma-color-dark-base);
  --color-control-dark-fg: var(--figma-color-off-white-alpha-1);
  --color-control-dark-fg-strong: var(--figma-color-off-white-base);

  /* Component tokens: header logo */
  --header-logo-width: 121.708px;
  --header-logo-height: var(--size-control-lg);
  --header-nav-gap: var(--space-12);

  /* Component tokens: header link */
  --header-link-height: var(--size-control-md);
  --header-link-padding-x: var(--space-stack-lg);
  --header-link-color: var(--figma-color-dark-tint-1);
  --header-link-font-size: var(--figma-type-br0-t1-highlight-size);
  --header-link-line-height: var(--figma-type-br0-t1-highlight-line);
  --header-link-letter-spacing: var(--figma-type-br0-t1-highlight-track);
  --header-link-corner-width: var(--size-corner-width);
  --header-link-corner-height: var(--size-corner-height);
  --header-link-corner-inset: var(--space-inline-sm);
  --header-link-corner-bl-default: url("../assets/ui/header/header-link-corner-bl-default.svg");
  --header-link-corner-tr-default: url("../assets/ui/header/header-link-corner-tr-default.svg");
  --header-link-corner-bl-hover: url("../assets/ui/header/header-link-corner-bl-hover.svg");
  --header-link-corner-tr-hover: url("../assets/ui/header/header-link-corner-tr-hover.svg");

  /* Component tokens: header link m2 */
  --header-link-m2-height: var(--size-control-md);
  --header-link-m2-gap: var(--space-inline-md);
  --header-link-m2-padding-x: var(--space-stack-lg);
  --header-link-m2-color: var(--figma-color-dark-tint-1);
  --header-link-m2-font-size: var(--type-control-caps-size);
  --header-link-m2-line-height: var(--type-control-caps-line);
  --header-link-m2-letter-spacing: var(--type-control-caps-track);
  --header-link-m2-font-weight: var(--type-control-caps-weight);
  --header-link-m2-corner-width: var(--size-corner-width);
  --header-link-m2-corner-height: var(--size-corner-height);
  --header-link-m2-corner-inset: var(--space-inline-sm);
  --header-link-m2-corner-br-default: url("../assets/ui/header/header-link-m2-corner-br-default.svg");
  --header-link-m2-corner-bl-default: url("../assets/ui/header/header-link-m2-corner-bl-default.svg");
  --header-link-m2-corner-tr-default: url("../assets/ui/header/header-link-m2-corner-tr-default.svg");
  --header-link-m2-corner-tl-default: url("../assets/ui/header/header-link-m2-corner-tl-default.svg");
  --header-link-m2-corner-br-hover: url("../assets/ui/header/header-link-m2-corner-br-hover.svg");
  --header-link-m2-corner-bl-hover: url("../assets/ui/header/header-link-m2-corner-bl-hover.svg");
  --header-link-m2-corner-tr-hover: url("../assets/ui/header/header-link-m2-corner-tr-hover.svg");
  --header-link-m2-corner-tl-hover: url("../assets/ui/header/header-link-m2-corner-tl-hover.svg");

  /* Component tokens: header dropdown link */
  --header-dropdown-height: var(--size-control-md);
  --header-dropdown-gap: var(--space-inline-md);
  --header-dropdown-padding-x: var(--space-stack-lg);
  --header-dropdown-color: var(--figma-color-dark-tint-1);
  --header-dropdown-font-size: var(--figma-type-br0-t1-highlight-size);
  --header-dropdown-line-height: var(--figma-type-br0-t1-highlight-line);
  --header-dropdown-letter-spacing: var(--figma-type-br0-t1-highlight-track);
  --header-dropdown-icon-width: 16.6667px;
  --header-dropdown-icon-height: 11.1298px;
  --header-dropdown-corner-width: var(--size-corner-width);
  --header-dropdown-corner-height: var(--size-corner-height);
  --header-dropdown-corner-inset: var(--space-inline-sm);
  --header-dropdown-corner-tr-default: url("../assets/ui/header/header-dropdown-corner-tr-default.svg");
  --header-dropdown-corner-bl-default: url("../assets/ui/header/header-dropdown-corner-bl-default.svg");
  --header-dropdown-corner-tr-hover: url("../assets/ui/header/header-dropdown-corner-tr-hover.svg");
  --header-dropdown-corner-bl-hover: url("../assets/ui/header/header-dropdown-corner-bl-hover.svg");

  /* Component tokens: header button v1 */
  --header-button-v1-height: var(--size-control-md);
  --header-button-v1-gap: var(--space-inline-md);
  --header-button-v1-padding-x: var(--space-stack-lg);
  --header-button-v1-bg: var(--color-control-dark-bg);
  --header-button-v1-color: var(--color-control-dark-fg-strong);
  --header-button-v1-hover-color: var(--color-control-dark-fg);
  --header-button-v1-font-size: var(--type-control-caps-size);
  --header-button-v1-line-height: var(--type-control-caps-line);
  --header-button-v1-letter-spacing: var(--type-control-caps-track);
  --header-button-v1-font-weight: var(--type-control-caps-weight);
  --header-button-v1-corner-width: var(--size-corner-width);
  --header-button-v1-corner-height: var(--size-corner-height);
  --header-button-v1-corner-inset: var(--space-inline-sm);
  --header-button-v1-corner-br-default: url("../assets/ui/header/header-button-v1-corner-br-default.svg");
  --header-button-v1-corner-bl-default: url("../assets/ui/header/header-button-v1-corner-bl-default.svg");
  --header-button-v1-corner-tr-default: url("../assets/ui/header/header-button-v1-corner-tr-default.svg");
  --header-button-v1-corner-tl-default: url("../assets/ui/header/header-button-v1-corner-tl-default.svg");
  --header-button-v1-corner-br-hover: url("../assets/ui/header/header-button-v1-corner-br-hover.svg");
  --header-button-v1-corner-bl-hover: url("../assets/ui/header/header-button-v1-corner-bl-hover.svg");
  --header-button-v1-corner-tr-hover: url("../assets/ui/header/header-button-v1-corner-tr-hover.svg");
  --header-button-v1-corner-tl-hover: url("../assets/ui/header/header-button-v1-corner-tl-hover.svg");

  /* Component tokens: header button v2 */
  --header-button-v2-height: var(--size-control-md);
  --header-button-v2-gap: var(--space-inline-xs);
  --header-button-v2-padding-x: var(--space-stack-lg);
  --header-button-v2-bg: var(--color-control-dark-bg);
  --header-button-v2-color: var(--color-control-dark-fg-strong);
  --header-button-v2-hover-color: var(--color-control-dark-fg);
  --header-button-v2-font-size: var(--type-control-caps-size);
  --header-button-v2-line-height: var(--type-control-caps-line);
  --header-button-v2-letter-spacing: var(--type-control-caps-track);
  --header-button-v2-font-weight: var(--type-control-caps-weight);
  --header-button-v2-icon-size: var(--size-icon-sm);
  --header-button-v2-icon-shift-hover: var(--space-inline-md);

  /* Figma source tracking values normalized for CSS */
  --tracking-none: 0;
  --tracking-tight-display: 0.14px;
  --tracking-tight-body: 0.18px;
  --tracking-wide: 1px;
  --tracking-wider: 1.32px;
  --tracking-widest: 2px;
  --tracking-display: 3.34px;

  /* Source typography tokens: BR0 = 0-500, BR1 = 501+ */
  --figma-type-br0-h1-size: 3.375rem;
  --figma-type-br0-h1-line: 2.9375rem;
  --figma-type-br0-h1-track: var(--tracking-none);
  --figma-type-br0-h1-zero-height-size: 3.375rem;
  --figma-type-br0-h1-zero-height-line: 2.375rem;
  --figma-type-br0-h1-zero-height-track: var(--tracking-none);
  --figma-type-br0-h2-size: 2.5625rem;
  --figma-type-br0-h2-line: 2.5625rem;
  --figma-type-br0-h2-track: var(--tracking-none);
  --figma-type-br0-h3-size: 1.8125rem;
  --figma-type-br0-h3-line: 1.8125rem;
  --figma-type-br0-h3-track: var(--tracking-none);
  --figma-type-br0-h3-extra-size: 1.8125rem;
  --figma-type-br0-h3-extra-line: 1.8125rem;
  --figma-type-br0-h3-extra-track: var(--tracking-none);
  --figma-type-br0-h4-size: 1.4375rem;
  --figma-type-br0-h4-line: 1.5625rem;
  --figma-type-br0-h4-track: var(--tracking-none);
  --figma-type-br0-h4-numbers-size: 1.4375rem;
  --figma-type-br0-h4-numbers-line: 1.5625rem;
  --figma-type-br0-h4-numbers-track: var(--tracking-none);
  --figma-type-br0-h5-size: 1.125rem;
  --figma-type-br0-h5-line: 1.375rem;
  --figma-type-br0-h5-track: var(--tracking-none);
  --figma-type-br0-h6-size: 1rem;
  --figma-type-br0-h6-line: 1.1875rem;
  --figma-type-br0-h6-track: var(--tracking-none);
  --figma-type-br0-h7-size: 0.75rem;
  --figma-type-br0-h7-line: 0.875rem;
  --figma-type-br0-h7-track: var(--tracking-display);
  --figma-type-br0-h8-size: 0.75rem;
  --figma-type-br0-h8-line: 0.875rem;
  --figma-type-br0-h8-track: var(--tracking-wider);
  --figma-type-br0-t1-size: 1rem;
  --figma-type-br0-t1-line: 1.5rem;
  --figma-type-br0-t1-track: var(--tracking-none);
  --figma-type-br0-t1-weight: var(--font-weight-light);
  --figma-type-br0-t1-highlight-size: 1rem;
  --figma-type-br0-t1-highlight-line: 1.5rem;
  --figma-type-br0-t1-highlight-track: var(--tracking-none);
  --figma-type-br0-t2-size: 0.75rem;
  --figma-type-br0-t2-line: 0.875rem;
  --figma-type-br0-t2-track: var(--tracking-none);
  --figma-type-br0-t2-highlight-size: 0.75rem;
  --figma-type-br0-t2-highlight-line: 0.875rem;
  --figma-type-br0-t2-highlight-track: var(--tracking-none);

  --figma-type-br1-h1-size: 5rem;
  --figma-type-br1-h1-line: 5rem;
  --figma-type-br1-h1-track: var(--tracking-none);
  --figma-type-br1-h1-zero-height-size: 5rem;
  --figma-type-br1-h1-zero-height-line: 3.5rem;
  --figma-type-br1-h1-zero-height-track: var(--tracking-none);
  --figma-type-br1-h2-size: 3.6875rem;
  --figma-type-br1-h2-line: 3.6875rem;
  --figma-type-br1-h2-track: var(--tracking-none);
  --figma-type-br1-h3-size: 2.4375rem;
  --figma-type-br1-h3-line: 2.4375rem;
  --figma-type-br1-h3-track: var(--tracking-none);
  --figma-type-br1-h3-extra-size: 2.4375rem;
  --figma-type-br1-h3-extra-line: 2.4375rem;
  --figma-type-br1-h3-extra-track: var(--tracking-none);
  --figma-type-br1-h4-size: 1.75rem;
  --figma-type-br1-h4-line: 1.9375rem;
  --figma-type-br1-h4-track: var(--tracking-none);
  --figma-type-br1-h4-numbers-size: 1.75rem;
  --figma-type-br1-h4-numbers-line: 1.9375rem;
  --figma-type-br1-h4-numbers-track: var(--tracking-none);
  --figma-type-br1-h5-size: 1.25rem;
  --figma-type-br1-h5-line: 1.5rem;
  --figma-type-br1-h5-track: var(--tracking-none);
  --figma-type-br1-h6-size: 1.125rem;
  --figma-type-br1-h6-line: 1.625rem;
  --figma-type-br1-h6-track: var(--tracking-none);
  --figma-type-br1-h6-uppercase-size: 1.125rem;
  --figma-type-br1-h6-uppercase-line: 1.625rem;
  --figma-type-br1-h6-uppercase-track: var(--tracking-wide);
  --figma-type-br1-h6-uppercase-weight: var(--font-weight-regular);
  --figma-type-br1-h7-size: 0.875rem;
  --figma-type-br1-h7-line: 1.0625rem;
  --figma-type-br1-h7-track: var(--tracking-widest);
  --figma-type-br1-h8-size: 0.75rem;
  --figma-type-br1-h8-line: 0.875rem;
  --figma-type-br1-h8-track: var(--tracking-wider);
  --figma-type-br1-t1-size: 1.125rem;
  --figma-type-br1-t1-line: 1.6875rem;
  --figma-type-br1-t1-track: var(--tracking-tight-body);
  --figma-type-br1-t1-weight: var(--font-weight-regular);
  --figma-type-br1-t1-highlight-size: 1.125rem;
  --figma-type-br1-t1-highlight-line: 1.6875rem;
  --figma-type-br1-t1-highlight-track: var(--tracking-none);
  --figma-type-br1-t1-highlight-weight: var(--font-weight-regular);
  --figma-type-br1-t2-size: 0.875rem;
  --figma-type-br1-t2-line: 1.3125rem;
  --figma-type-br1-t2-track: var(--tracking-tight-display);
  --figma-type-br1-t2-highlight-size: 0.875rem;
  --figma-type-br1-t2-highlight-line: 1.0625rem;
  --figma-type-br1-t2-highlight-track: var(--tracking-wide);

  /* Semantic aliases default to BR0 */
  --type-heading-hero-size: var(--figma-type-br1-h1-size);
  --type-heading-hero-line: var(--figma-type-br1-h1-line);
  --type-heading-hero-track: var(--figma-type-br1-h1-track);
  --type-heading-hero-tight-size: var(--figma-type-br1-h1-zero-height-size);
  --type-heading-hero-tight-line: var(--figma-type-br1-h1-zero-height-line);
  --type-heading-hero-tight-track: var(--figma-type-br1-h1-zero-height-track);
  --type-heading-xl-size: var(--figma-type-br1-h2-size);
  --type-heading-xl-line: var(--figma-type-br1-h2-line);
  --type-heading-xl-track: var(--figma-type-br1-h2-track);
  --type-heading-lg-size: var(--figma-type-br1-h3-size);
  --type-heading-lg-line: var(--figma-type-br1-h3-line);
  --type-heading-lg-track: var(--figma-type-br1-h3-track);
  --type-heading-lg-alt-size: var(--figma-type-br1-h3-extra-size);
  --type-heading-lg-alt-line: var(--figma-type-br1-h3-extra-line);
  --type-heading-lg-alt-track: var(--figma-type-br1-h3-extra-track);
  --type-heading-md-size: var(--figma-type-br1-h4-size);
  --type-heading-md-line: var(--figma-type-br1-h4-line);
  --type-heading-md-track: var(--figma-type-br1-h4-track);
  --type-heading-md-numeric-size: var(--figma-type-br1-h4-numbers-size);
  --type-heading-md-numeric-line: var(--figma-type-br1-h4-numbers-line);
  --type-heading-md-numeric-track: var(--figma-type-br1-h4-numbers-track);
  --type-heading-sm-size: var(--figma-type-br1-h5-size);
  --type-heading-sm-line: var(--figma-type-br1-h5-line);
  --type-heading-sm-track: var(--figma-type-br1-h5-track);
  --type-heading-xs-size: var(--figma-type-br1-h6-size);
  --type-heading-xs-line: var(--figma-type-br1-h6-line);
  --type-heading-xs-track: var(--figma-type-br1-h6-track);
  --type-heading-xs-caps-size: var(--figma-type-br1-h6-uppercase-size);
  --type-heading-xs-caps-line: var(--figma-type-br1-h6-uppercase-line);
  --type-heading-xs-caps-track: var(--figma-type-br1-h6-uppercase-track);
  --type-heading-xs-caps-weight: var(--figma-type-br1-h6-uppercase-weight);
  --type-eyebrow-size: var(--figma-type-br1-h7-size);
  --type-eyebrow-line: var(--figma-type-br1-h7-line);
  --type-eyebrow-track: var(--figma-type-br1-h7-track);
  --type-overline-size: var(--figma-type-br1-h8-size);
  --type-overline-line: var(--figma-type-br1-h8-line);
  --type-overline-track: var(--figma-type-br1-h8-track);
  --type-body-lg-size: var(--figma-type-br1-t1-size);
  --type-body-lg-line: var(--figma-type-br1-t1-line);
  --type-body-lg-track: var(--figma-type-br1-t1-track);
  --type-body-lg-weight: var(--figma-type-br1-t1-weight);
  --type-body-lg-highlight-size: var(--figma-type-br1-t1-highlight-size);
  --type-body-lg-highlight-line: var(--figma-type-br1-t1-highlight-line);
  --type-body-lg-highlight-track: var(--figma-type-br1-t1-highlight-track);
  --type-body-lg-highlight-weight: var(--figma-type-br1-t1-highlight-weight);
  --type-body-sm-size: var(--figma-type-br1-t2-size);
  --type-body-sm-line: var(--figma-type-br1-t2-line);
  --type-body-sm-track: var(--figma-type-br1-t2-track);
  --type-body-sm-highlight-size: var(--figma-type-br1-t2-highlight-size);
  --type-body-sm-highlight-line: var(--figma-type-br1-t2-highlight-line);
  --type-body-sm-highlight-track: var(--figma-type-br1-t2-highlight-track);
}