/* Generated from src/tokens.json. Do not edit by hand. */
:root {
  --rovn-teal-600: #0F9391;
  --rovn-teal-700: #0E8A8A;
  --rovn-teal-800: #0A6F70;
  --rovn-teal-900: #0A5454;
  --rovn-teal-950: #062E2E;
  --rovn-teal-100: #D7EAE9;
  --rovn-teal-050: #EAF3F2;
  --rovn-teal-line: #C9E2E0;
  --rovn-action-ink: #001010;
  --rovn-cream: #FBFBF9;
  --rovn-white: #FFFFFF;
  --rovn-ink: #0E1A19;
  --rovn-navy: #0B1F2A;
  --rovn-mist: #E8F4F3;
  --neutral-25: #FDFCFA;
  --neutral-50: #F7F8F6;
  --neutral-100: #EFF1EE;
  --neutral-200: #E1E5E1;
  --neutral-300: #C9CFCA;
  --neutral-400: #929B94;
  --neutral-500: #667068;
  --neutral-600: #4B554D;
  --neutral-700: #354039;
  --neutral-800: #222C26;
  --neutral-900: #141C17;
  --status-ready: #047857;
  --status-ready-deep: #075235;
  --status-ready-subtle: #E3F3EB;
  --status-ready-line: #BBE0CC;
  --status-watch: #92631B;
  --status-watch-deep: #7A4408;
  --status-watch-subtle: #FBEFD7;
  --status-watch-line: #E9D2A6;
  --status-blocked: #B4453C;
  --status-blocked-deep: #8E1F15;
  --status-blocked-subtle: #FBE7E3;
  --status-blocked-line: #F0C5BE;
  --status-info: #24518F;
  --status-info-strong: #1A4FA0;
  --status-info-deep: #143E82;
  --status-info-subtle: #E8EEFA;
  --status-info-line: #C5D5F0;
  --status-working: #656D78;
  --status-working-deep: #3F4653;
  --status-working-subtle: #EEF0F2;
  --status-working-line: #D7DBE0;
  --surface-canvas: var(--rovn-cream);
  --surface-raised: var(--rovn-white);
  --surface-subtle: var(--neutral-50);
  --surface-selected: var(--rovn-mist);
  --surface-accent: var(--rovn-teal-050);
  --surface-sunken: var(--neutral-50);
  --surface-overlay: var(--rovn-white);
  --surface-audit: var(--rovn-teal-950);
  --text-primary: var(--rovn-ink);
  --text-secondary: var(--neutral-600);
  --text-muted: var(--neutral-500);
  --text-inverse: var(--rovn-white);
  --text-accent: var(--rovn-teal-800);
  --border-subtle: var(--neutral-200);
  --border-strong: #89928C;
  --border-accent: var(--rovn-teal-line);
  --action-primary: var(--rovn-teal-700);
  --action-foreground: var(--rovn-action-ink);
  --action-primary-hover: var(--rovn-teal-600);
  --focus-ring: var(--rovn-teal-700);
  --scrim: rgb(14 26 25 / 0.45);
  --rovn-font-display: 'Fraunces Variable', Fraunces, Georgia, serif;
  --rovn-font-ui: 'Inter Variable', Inter, ui-sans-serif, system-ui, sans-serif;
  --rovn-font-mono: 'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
  --type-size-2xs: 0.75rem;
  --type-size-xs: 0.8125rem;
  --type-size-sm: 0.875rem;
  --type-size-md: 0.9375rem;
  --type-size-base: 1rem;
  --type-size-lg: 1.125rem;
  --type-size-xl: 1.25rem;
  --type-size-2xl: 1.5rem;
  --type-size-3xl: 1.875rem;
  --type-size-4xl: 2.375rem;
  --type-size-5xl: 3rem;
  --type-tracking-dense: 0.06em;
  --type-tracking-compact: 0.08em;
  --type-tracking-label: 0.10em;
  --type-tracking-micro: 0.12em;
  --type-tracking-eyebrow: 0.14em;
  --type-tracking-display: 0.16em;
  --type-tracking-brand: 0.18em;
  --type-tracking-headline: -0.012em;
  --type-tracking-hero-display: -0.04em;
  --type-tracking-hero-metric: -0.035em;
  --type-weight-headline: 450;
  --type-leading-hero: 1.05;
  --type-leading-display: 1.12;
  --type-leading-dense: 1.3;
  --type-leading-compact: 1.4;
  --type-leading-body: 1.5;
  --type-leading-relaxed: 1.65;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --density-row-height: 2.75rem;
  --density-header-height: 2.5rem;
  --density-cell-padding-x: var(--space-4);
  --density-control-height: 2.5rem;
  --shape-radius-sm: 0.375rem;
  --shape-radius-md: 0.625rem;
  --shape-radius-lg: 0.875rem;
  --shape-radius-xl: 1.25rem;
  --shape-radius-pill: 999px;
  --elevation-card: 0 1px 2px rgb(14 26 25 / 0.05), 0 10px 28px rgb(14 26 25 / 0.05);
  --elevation-floating: 0 18px 48px rgb(14 26 25 / 0.14);
  --motion-fast: 120ms;
  --motion-base: 180ms;
  --motion-slow: 280ms;
  --ease-productive: cubic-bezier(0.2, 0, 0, 1);
  --layout-sidebar: 15.5rem;
  --layout-content-max: 92rem;
  --layout-receipt: 25rem;

  color-scheme: light;
  --background: var(--surface-canvas);
  --foreground: var(--text-primary);
  --card: var(--surface-raised);
  --card-foreground: var(--text-primary);
  --popover: var(--surface-raised);
  --popover-foreground: var(--text-primary);
  --primary: var(--action-primary);
  --primary-foreground: var(--action-foreground);
  --secondary: var(--surface-subtle);
  --secondary-foreground: var(--text-primary);
  --muted: var(--surface-subtle);
  --muted-foreground: var(--text-muted);
  --accent: var(--surface-selected);
  --accent-foreground: var(--action-foreground);
  --destructive: var(--status-blocked);
  --destructive-foreground: var(--text-inverse);
  --border: var(--border-subtle);
  --input: var(--border-strong);
  --ring: var(--focus-ring);
  --radius: var(--radius-md);
  --font-sans: var(--rovn-font-ui);
  --font-serif: var(--rovn-font-display);
  --text-2xs: var(--type-size-2xs);
  --text-xs: var(--type-size-xs);
  --text-sm: var(--type-size-sm);
  --text-md: var(--type-size-md);
  --text-base: var(--type-size-base);
  --text-lg: var(--type-size-lg);
  --text-xl: var(--type-size-xl);
  --text-2xl: var(--type-size-2xl);
  --text-3xl: var(--type-size-3xl);
  --text-4xl: var(--type-size-4xl);
  --text-5xl: var(--type-size-5xl);
  --tracking-dense: var(--type-tracking-dense);
  --tracking-compact: var(--type-tracking-compact);
  --tracking-label: var(--type-tracking-label);
  --tracking-micro: var(--type-tracking-micro);
  --tracking-eyebrow: var(--type-tracking-eyebrow);
  --tracking-display: var(--type-tracking-display);
  --tracking-brand: var(--type-tracking-brand);
  --tracking-headline: var(--type-tracking-headline);
  --tracking-hero-display: var(--type-tracking-hero-display);
  --tracking-hero-metric: var(--type-tracking-hero-metric);
  --font-weight-headline: var(--type-weight-headline);
  --leading-hero: var(--type-leading-hero);
  --leading-display: var(--type-leading-display);
  --leading-dense: var(--type-leading-dense);
  --leading-compact: var(--type-leading-compact);
  --leading-body: var(--type-leading-body);
  --leading-relaxed: var(--type-leading-relaxed);
  --radius-sm: var(--shape-radius-sm);
  --radius-md: var(--shape-radius-md);
  --radius-lg: var(--shape-radius-lg);
  --radius-xl: var(--shape-radius-xl);
  --radius-pill: var(--shape-radius-pill);
  --shadow-card: var(--elevation-card);
  --shadow-floating: var(--elevation-floating);

  /* Compatibility aliases are generated here while surfaces migrate. They are
     emitted in both theme blocks on purpose: a custom property resolves its
     var() references where it is declared, so an alias declared only in :root
     would freeze at its light value when data-theme is set on body or a
     wrapper instead of the root element. Redeclaration keeps every alias
     resolving through the flipped vars regardless of attribute placement. */
  --rovn-green-700: var(--status-ready);
  --rovn-green-800: var(--status-ready-deep);
  --rovn-green-100: var(--status-ready-subtle);
  --rovn-green-200: var(--status-ready-line);
  --rovn-amber-700: var(--status-watch);
  --rovn-amber-800: var(--status-watch-deep);
  --rovn-amber-100: var(--status-watch-subtle);
  --rovn-amber-200: var(--status-watch-line);
  --rovn-red-700: var(--status-blocked);
  --rovn-red-800: var(--status-blocked-deep);
  --rovn-red-100: var(--status-blocked-subtle);
  --rovn-red-200: var(--status-blocked-line);
  --rovn-blue-500: var(--status-info-strong);
  --rovn-blue-700: var(--status-info);
  --rovn-blue-900: var(--status-info-deep);
  --rovn-blue-100: var(--status-info-subtle);
  --rovn-blue-200: var(--status-info-line);
  --rovn-banner: var(--status-watch-subtle);
  --rovn-surface-elevated: var(--surface-subtle);
  --rovn-surface-sunken: var(--surface-sunken);
  --rovn-border: var(--border-subtle);
  --rovn-border-strong: var(--border-strong);
  --rovn-text-secondary: var(--text-secondary);
  --rovn-text-muted: var(--text-muted);
  --surface-card: var(--surface-raised);
  --surface-raised-legacy: var(--surface-subtle);
  --border-default: var(--border-subtle);
  --accent: var(--action-primary);
  --accent-deep: var(--rovn-teal-900);
  --accent-wash: var(--rovn-teal-050);
  --accent-line: var(--rovn-teal-100);
  --status-clear: var(--status-ready);
  --status-expiring: var(--status-watch);
  --status-decide: var(--status-info);
  --att-clear: var(--status-ready);
  --att-ready: var(--status-info);
  --att-stale: var(--status-watch);
  --att-expired: var(--status-blocked);
  --att-unavailable: var(--border-strong);
  --bg-canvas: var(--surface-canvas);
  --bg-surface: var(--surface-raised);
  --bg-raised: var(--surface-raised);
  --bg-elevated: var(--surface-subtle);
  --bg-sunken: var(--surface-sunken);
  --bg-banner: var(--status-watch-subtle);
  --bg-teal-wash: var(--rovn-teal-050);
  --border: var(--border-subtle);
  --teal: var(--rovn-teal-700);
  --teal-deep: var(--rovn-teal-900);
  --teal-950: var(--surface-audit);
  --teal-tint: var(--rovn-teal-100);
  --teal-tint-2: var(--rovn-teal-050);
  --teal-soft: var(--rovn-teal-050);
  --teal-line: var(--rovn-teal-line);
  --green: var(--status-ready);
  --green-deep: var(--status-ready-deep);
  --green-tint: var(--status-ready-subtle);
  --green-line: var(--status-ready-line);
  --amber: var(--status-watch);
  --amber-deep: var(--status-watch-deep);
  --amber-tint: var(--status-watch-subtle);
  --amber-line: var(--status-watch-line);
  --red: var(--status-blocked);
  --red-deep: var(--status-blocked-deep);
  --red-tint: var(--status-blocked-subtle);
  --red-line: var(--status-blocked-line);
  --blue: var(--status-info-strong);
  --blue-deep: var(--status-info-deep);
  --blue-tint: var(--status-info-subtle);
  --blue-line: var(--status-info-line);
  --slate: var(--status-working);
  --slate-deep: var(--status-working-deep);
  --slate-tint: var(--status-working-subtle);
  --slate-line: var(--status-working-line);
  --font-display: var(--rovn-font-display);
  --font-ui: var(--rovn-font-ui);
  --font-mono: var(--rovn-font-mono);
  --r-sm: var(--radius-sm);
  --r-md: var(--radius-md);
  --r: var(--radius-md);
  --r-lg: var(--radius-lg);
  --shadow-xs: var(--shadow-card);
  --shadow-sm: var(--shadow-card);
  --shadow-md: var(--shadow-card);
  --shadow-lg: var(--shadow-floating);
  --duration-normal: var(--motion-slow);
  --ease-out: var(--ease-productive);
  --ease: var(--ease-productive);
  --dur: var(--motion-base);
}

[data-theme="dark"] {
  /* Dark theme overrides the semantic, status and elevation vars only; brand
     and neutral primitives intentionally stay on their light values. The
     compat aliases are redeclared below (see their comment for why) so they
     resolve through these flipped vars wherever data-theme is set. */
  --status-ready: #4CC38A;
  --status-ready-deep: #86E0B4;
  --status-ready-subtle: #12291E;
  --status-ready-line: #3A7F5E;
  --status-watch: #DFA844;
  --status-watch-deep: #F0C979;
  --status-watch-subtle: #2C2210;
  --status-watch-line: #8F6E30;
  --status-blocked: #E8847B;
  --status-blocked-deep: #F5A9A2;
  --status-blocked-subtle: #311512;
  --status-blocked-line: #A4564A;
  --status-info: #7FA8E8;
  --status-info-strong: #9AB8F0;
  --status-info-deep: #A9C6F2;
  --status-info-subtle: #152238;
  --status-info-line: #5674A4;
  --status-working: #9AA5A0;
  --status-working-deep: #C2CCC7;
  --status-working-subtle: #222826;
  --status-working-line: #6D7871;
  --surface-canvas: #131817;
  --surface-raised: #191F1E;
  --surface-subtle: #161B1A;
  --surface-selected: #123836;
  --surface-accent: #1A2F2D;
  --surface-sunken: #0E1211;
  --surface-overlay: #28302E;
  --surface-audit: #0B2423;
  --text-primary: #E9EDEB;
  --text-secondary: #AFB9B4;
  --text-muted: #95A19B;
  --text-inverse: var(--rovn-ink);
  --text-accent: #5AD2CA;
  --border-subtle: #2A3230;
  --border-strong: #636E6A;
  --border-accent: #274A47;
  --action-primary: #1FA49C;
  --action-foreground: #041716;
  --action-primary-hover: #2ABBB2;
  --focus-ring: #5AD2CA;
  --scrim: rgb(0 0 0 / 0.6);
  --elevation-card: none;
  --elevation-floating: 0 8px 24px rgb(0 0 0 / 0.5);

  color-scheme: dark;
  --background: var(--surface-canvas);
  --foreground: var(--text-primary);
  --card: var(--surface-raised);
  --card-foreground: var(--text-primary);
  --popover: var(--surface-raised);
  --popover-foreground: var(--text-primary);
  --primary: var(--action-primary);
  --primary-foreground: var(--action-foreground);
  --secondary: var(--surface-subtle);
  --secondary-foreground: var(--text-primary);
  --muted: var(--surface-subtle);
  --muted-foreground: var(--text-muted);
  --accent: var(--surface-selected);
  --accent-foreground: var(--action-foreground);
  --destructive: var(--status-blocked);
  --destructive-foreground: var(--text-inverse);
  --border: var(--border-subtle);
  --input: var(--border-strong);
  --ring: var(--focus-ring);
  --radius: var(--radius-md);
  --font-sans: var(--rovn-font-ui);
  --font-serif: var(--rovn-font-display);
  --text-2xs: var(--type-size-2xs);
  --text-xs: var(--type-size-xs);
  --text-sm: var(--type-size-sm);
  --text-md: var(--type-size-md);
  --text-base: var(--type-size-base);
  --text-lg: var(--type-size-lg);
  --text-xl: var(--type-size-xl);
  --text-2xl: var(--type-size-2xl);
  --text-3xl: var(--type-size-3xl);
  --text-4xl: var(--type-size-4xl);
  --text-5xl: var(--type-size-5xl);
  --tracking-dense: var(--type-tracking-dense);
  --tracking-compact: var(--type-tracking-compact);
  --tracking-label: var(--type-tracking-label);
  --tracking-micro: var(--type-tracking-micro);
  --tracking-eyebrow: var(--type-tracking-eyebrow);
  --tracking-display: var(--type-tracking-display);
  --tracking-brand: var(--type-tracking-brand);
  --tracking-headline: var(--type-tracking-headline);
  --tracking-hero-display: var(--type-tracking-hero-display);
  --tracking-hero-metric: var(--type-tracking-hero-metric);
  --font-weight-headline: var(--type-weight-headline);
  --leading-hero: var(--type-leading-hero);
  --leading-display: var(--type-leading-display);
  --leading-dense: var(--type-leading-dense);
  --leading-compact: var(--type-leading-compact);
  --leading-body: var(--type-leading-body);
  --leading-relaxed: var(--type-leading-relaxed);
  --radius-sm: var(--shape-radius-sm);
  --radius-md: var(--shape-radius-md);
  --radius-lg: var(--shape-radius-lg);
  --radius-xl: var(--shape-radius-xl);
  --radius-pill: var(--shape-radius-pill);
  --shadow-card: var(--elevation-card);
  --shadow-floating: var(--elevation-floating);

  /* Compatibility aliases are generated here while surfaces migrate. They are
     emitted in both theme blocks on purpose: a custom property resolves its
     var() references where it is declared, so an alias declared only in :root
     would freeze at its light value when data-theme is set on body or a
     wrapper instead of the root element. Redeclaration keeps every alias
     resolving through the flipped vars regardless of attribute placement. */
  --rovn-green-700: var(--status-ready);
  --rovn-green-800: var(--status-ready-deep);
  --rovn-green-100: var(--status-ready-subtle);
  --rovn-green-200: var(--status-ready-line);
  --rovn-amber-700: var(--status-watch);
  --rovn-amber-800: var(--status-watch-deep);
  --rovn-amber-100: var(--status-watch-subtle);
  --rovn-amber-200: var(--status-watch-line);
  --rovn-red-700: var(--status-blocked);
  --rovn-red-800: var(--status-blocked-deep);
  --rovn-red-100: var(--status-blocked-subtle);
  --rovn-red-200: var(--status-blocked-line);
  --rovn-blue-500: var(--status-info-strong);
  --rovn-blue-700: var(--status-info);
  --rovn-blue-900: var(--status-info-deep);
  --rovn-blue-100: var(--status-info-subtle);
  --rovn-blue-200: var(--status-info-line);
  --rovn-banner: var(--status-watch-subtle);
  --rovn-surface-elevated: var(--surface-subtle);
  --rovn-surface-sunken: var(--surface-sunken);
  --rovn-border: var(--border-subtle);
  --rovn-border-strong: var(--border-strong);
  --rovn-text-secondary: var(--text-secondary);
  --rovn-text-muted: var(--text-muted);
  --surface-card: var(--surface-raised);
  --surface-raised-legacy: var(--surface-subtle);
  --border-default: var(--border-subtle);
  --accent: var(--action-primary);
  --accent-deep: var(--rovn-teal-900);
  --accent-wash: var(--rovn-teal-050);
  --accent-line: var(--rovn-teal-100);
  --status-clear: var(--status-ready);
  --status-expiring: var(--status-watch);
  --status-decide: var(--status-info);
  --att-clear: var(--status-ready);
  --att-ready: var(--status-info);
  --att-stale: var(--status-watch);
  --att-expired: var(--status-blocked);
  --att-unavailable: var(--border-strong);
  --bg-canvas: var(--surface-canvas);
  --bg-surface: var(--surface-raised);
  --bg-raised: var(--surface-raised);
  --bg-elevated: var(--surface-subtle);
  --bg-sunken: var(--surface-sunken);
  --bg-banner: var(--status-watch-subtle);
  --bg-teal-wash: var(--rovn-teal-050);
  --border: var(--border-subtle);
  --teal: var(--rovn-teal-700);
  --teal-deep: var(--rovn-teal-900);
  --teal-950: var(--surface-audit);
  --teal-tint: var(--rovn-teal-100);
  --teal-tint-2: var(--rovn-teal-050);
  --teal-soft: var(--rovn-teal-050);
  --teal-line: var(--rovn-teal-line);
  --green: var(--status-ready);
  --green-deep: var(--status-ready-deep);
  --green-tint: var(--status-ready-subtle);
  --green-line: var(--status-ready-line);
  --amber: var(--status-watch);
  --amber-deep: var(--status-watch-deep);
  --amber-tint: var(--status-watch-subtle);
  --amber-line: var(--status-watch-line);
  --red: var(--status-blocked);
  --red-deep: var(--status-blocked-deep);
  --red-tint: var(--status-blocked-subtle);
  --red-line: var(--status-blocked-line);
  --blue: var(--status-info-strong);
  --blue-deep: var(--status-info-deep);
  --blue-tint: var(--status-info-subtle);
  --blue-line: var(--status-info-line);
  --slate: var(--status-working);
  --slate-deep: var(--status-working-deep);
  --slate-tint: var(--status-working-subtle);
  --slate-line: var(--status-working-line);
  --font-display: var(--rovn-font-display);
  --font-ui: var(--rovn-font-ui);
  --font-mono: var(--rovn-font-mono);
  --r-sm: var(--radius-sm);
  --r-md: var(--radius-md);
  --r: var(--radius-md);
  --r-lg: var(--radius-lg);
  --shadow-xs: var(--shadow-card);
  --shadow-sm: var(--shadow-card);
  --shadow-md: var(--shadow-card);
  --shadow-lg: var(--shadow-floating);
  --duration-normal: var(--motion-slow);
  --ease-out: var(--ease-productive);
  --ease: var(--ease-productive);
  --dur: var(--motion-base);
}

[data-density="compact"] {
  /* Compact density overrides the sizing axis only (row heights, header
     heights, cell padding, control heights); every other var stays as the
     root declares it. Set data-density on the root element for the shared
     preference, or on any subtree to compact one region. */
  --density-row-height: 2rem;
  --density-header-height: 2.25rem;
  --density-cell-padding-x: var(--space-3);
  --density-control-height: 2rem;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-action-foreground: var(--action-foreground);
  --color-action-primary-hover: var(--action-primary-hover);
  --color-scrim: var(--scrim);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-canvas: var(--bg-canvas);
  --color-surface: var(--bg-surface);
  --color-elevated: var(--bg-elevated);
  --color-sunken: var(--bg-sunken);
  --color-ink: var(--text-primary);
  --color-ink-secondary: var(--text-secondary);
  --color-ink-muted: var(--text-muted);
  --color-teal: var(--teal);
  --color-teal-deep: var(--teal-deep);
  --color-teal-950: var(--teal-950);
  --color-teal-tint: var(--teal-tint);
  --color-teal-soft: var(--teal-soft);
  --color-teal-line: var(--teal-line);
  --color-green: var(--green);
  --color-green-deep: var(--green-deep);
  --color-green-tint: var(--green-tint);
  --color-green-line: var(--green-line);
  --color-amber: var(--amber);
  --color-amber-deep: var(--amber-deep);
  --color-amber-tint: var(--amber-tint);
  --color-amber-line: var(--amber-line);
  --color-red: var(--red);
  --color-red-deep: var(--red-deep);
  --color-red-tint: var(--red-tint);
  --color-red-line: var(--red-line);
  --color-blue: var(--blue);
  --color-blue-deep: var(--blue-deep);
  --color-blue-tint: var(--blue-tint);
  --color-blue-line: var(--blue-line);
  --color-slate: var(--slate);
  --color-slate-deep: var(--slate-deep);
  --color-slate-tint: var(--slate-tint);
  --color-slate-line: var(--slate-line);
  --font-sans: var(--rovn-font-ui);
  --font-serif: var(--rovn-font-display);
  --font-ui: var(--rovn-font-ui);
  --font-display: var(--rovn-font-display);
  --font-mono: var(--rovn-font-mono);
  --tracking-headline: var(--type-tracking-headline);
  --tracking-hero-display: var(--type-tracking-hero-display);
  --tracking-hero-metric: var(--type-tracking-hero-metric);
  --font-weight-headline: var(--type-weight-headline);
  --radius-sm: var(--shape-radius-sm);
  --radius-md: var(--shape-radius-md);
  --radius-lg: var(--shape-radius-lg);
  --radius-xl: var(--shape-radius-xl);
  --shadow-xs: var(--elevation-card);
  --shadow-sm: var(--elevation-card);
  --shadow-md: var(--elevation-card);
  --shadow-lg: var(--elevation-floating);
  --duration-fast: var(--motion-fast);
}