/* Vatar · tokens.css — GENERATED from tokens.json by scripts/build-tokens.mjs. Do not edit by hand.
 * Dark is the default theme (:root). Light: add data-theme="light" to <html> or to any section.
 * Gradients: background: linear-gradient(var(--gradient-signature-angle), var(--color-gradient-signature));
 * Fluid type for the web: font-size: var(--font-size-fluid-h1). Fixed 1440px values: var(--type-h1-font-size).
 */

:root,
[data-theme="dark"] {
  color-scheme: dark;
  --color-neutral-0: #FFFFFF;
  --color-neutral-50: #F2F2F2;
  --color-neutral-100: #E3E3E3;
  --color-neutral-200: #D2D2D3;
  --color-neutral-300: #BEBDBE;
  --color-neutral-400: #ABAAAC;
  --color-neutral-500: #919092;
  --color-neutral-600: #636364;
  --color-neutral-700: #454447;
  --color-neutral-800: #28272A;
  --color-neutral-900: #1A191C;
  --color-neutral-1000: #000000;
  --color-lilac-50: #F8F2FD;
  --color-lilac-100: #EEDFFB;
  --color-lilac-200: #E1BFFF;
  --color-lilac-300: #CEA4F5;
  --color-lilac-400: #B78BE1;
  --color-lilac-500: #9A6FC6;
  --color-lilac-600: #7E55A7;
  --color-lilac-700: #64418A;
  --color-lilac-800: #4B306A;
  --color-lilac-900: #341F4C;
  --color-lilac-950: #201231;
  --color-amber-50: #FFF6E1;
  --color-amber-100: #FFEDC2;
  --color-amber-200: #FFDD98;
  --color-amber-300: #FFC969;
  --color-amber-400: #FFB419;
  --color-amber-500: #E89719;
  --color-amber-600: #CC7D1E;
  --color-amber-700: #A05B11;
  --color-amber-800: #7C4617;
  --color-amber-900: #532D0F;
  --color-amber-950: #2E1E06;
  --color-green-50: #E8F9EB;
  --color-green-300: #71D790;
  --color-green-400: #52CD7D;
  --color-green-700: #00773B;
  --color-green-950: #0F2817;
  --color-red-50: #FFEFEE;
  --color-red-300: #FD7273;
  --color-red-400: #F75D5C;
  --color-red-700: #B63132;
  --color-red-950: #361717;
  --color-blue-50: #EEF4FF;
  --color-blue-300: #4F98FC;
  --color-blue-600: #1A5FE5;
  --color-blue-950: #0C1E38;
  --color-sunset-peach: #FFC48A;
  --color-sunset-rose: #FF9DBB;
  --color-dawn-cream: #FFF4EA;
  --color-dawn-blush: #FFCADF;
  --color-alpha-white-4: #FFFFFF0A;
  --color-alpha-white-8: #FFFFFF14;
  --color-alpha-white-10: #FFFFFF1A;
  --color-alpha-white-16: #FFFFFF29;
  --color-alpha-white-24: #FFFFFF3D;
  --color-alpha-white-35: #FFFFFF59;
  --color-alpha-white-75: #FFFFFFBF;
  --color-alpha-black-0: #00000000;
  --color-alpha-black-8: #00000014;
  --color-alpha-black-10: #0000001A;
  --color-alpha-black-16: #00000029;
  --color-alpha-black-45: #00000073;
  --color-alpha-black-72: #000000B8;
  --color-alpha-black-88: #000000E0;
  --color-bg-canvas: var(--color-neutral-1000);
  --color-bg-surface: var(--color-neutral-900);
  --color-bg-surface-raised: var(--color-neutral-800);
  --color-bg-inverse: var(--color-neutral-50);
  --color-bg-brand: var(--color-lilac-950);
  --color-bg-brand-strong: var(--color-lilac-200);
  --color-text-primary: var(--color-neutral-50);
  --color-text-secondary: var(--color-neutral-400);
  --color-text-tertiary: var(--color-neutral-500);
  --color-text-disabled: var(--color-neutral-600);
  --color-text-inverse: var(--color-neutral-1000);
  --color-text-accent: var(--color-lilac-200);
  --color-text-link: var(--color-lilac-200);
  --color-text-link-hover: var(--color-lilac-100);
  --color-text-on-accent: var(--color-neutral-1000);
  --color-text-hud: var(--color-amber-400);
  --color-border-subtle: var(--color-alpha-white-10);
  --color-border-default: var(--color-alpha-white-16);
  --color-border-strong: var(--color-neutral-700);
  --color-border-control: var(--color-neutral-500);
  --color-border-focus: var(--color-lilac-200);
  --color-action-primary-bg: var(--color-lilac-200);
  --color-action-primary-bg-hover: var(--color-lilac-100);
  --color-action-primary-bg-pressed: var(--color-lilac-300);
  --color-action-primary-text: var(--color-neutral-1000);
  --color-action-primary-bg-disabled: var(--color-neutral-800);
  --color-action-primary-text-disabled: var(--color-neutral-600);
  --color-action-secondary-border: var(--color-alpha-white-75);
  --color-action-secondary-text: var(--color-neutral-50);
  --color-action-secondary-bg-hover: var(--color-alpha-white-10);
  --color-action-secondary-bg-pressed: var(--color-alpha-white-16);
  --color-action-secondary-border-disabled: var(--color-alpha-white-24);
  --color-action-secondary-text-disabled: var(--color-neutral-600);
  --color-action-ghost-text: var(--color-neutral-50);
  --color-action-ghost-bg-hover: var(--color-alpha-white-8);
  --color-action-ghost-bg-pressed: var(--color-alpha-white-16);
  --color-status-success-fg: var(--color-green-300);
  --color-status-success-bg: var(--color-green-950);
  --color-status-success-solid: var(--color-green-400);
  --color-status-success-on-solid: var(--color-neutral-1000);
  --color-status-warning-fg: var(--color-amber-300);
  --color-status-warning-bg: var(--color-amber-950);
  --color-status-warning-solid: var(--color-amber-400);
  --color-status-warning-on-solid: var(--color-neutral-1000);
  --color-status-danger-fg: var(--color-red-300);
  --color-status-danger-bg: var(--color-red-950);
  --color-status-danger-solid: var(--color-red-400);
  --color-status-danger-on-solid: var(--color-neutral-1000);
  --color-status-info-fg: var(--color-blue-300);
  --color-status-info-bg: var(--color-blue-950);
  --color-status-info-solid: var(--color-blue-300);
  --color-status-info-on-solid: var(--color-neutral-1000);
  --color-live-dot: var(--color-amber-400);
  --color-live-text: var(--color-amber-400);
  --color-live-border: var(--color-amber-400);
  --color-scrim-soft: var(--color-alpha-black-45);
  --color-scrim-strong: var(--color-alpha-black-72);
  --color-scrim-strong-fade: var(--color-scrim-strong) 0%, var(--color-scrim-strong) 50%, var(--color-alpha-black-0) 100%;
  --color-scrim-solid: var(--color-alpha-black-88);
  --color-overlay-backdrop: var(--color-alpha-black-72);
  --color-logo-fill: var(--color-neutral-50);
  --color-logo-plate: var(--color-neutral-1000);
  --color-gradient-signature: var(--color-sunset-peach) 0%, var(--color-sunset-rose) 45%, var(--color-lilac-300) 100%;
  --color-gradient-dawn: var(--color-dawn-cream) 0%, var(--color-dawn-blush) 45%, var(--color-lilac-300) 100%;
  --color-brand-lilac: var(--color-lilac-200);
  --color-brand-lilac-soft: var(--color-lilac-300);
  --color-brand-lilac-deep: var(--color-lilac-700);
  --color-brand-ink: var(--color-lilac-950);
  --color-brand-amber: var(--color-amber-400);
  --color-brand-amber-deep: var(--color-amber-700);
  --color-brand-peach: var(--color-sunset-peach);
  --color-brand-rose: var(--color-sunset-rose);
  --color-brand-white: var(--color-neutral-50);
  --color-brand-paper: var(--color-neutral-0);
  --color-brand-grey: var(--color-neutral-500);
  --color-brand-charcoal: var(--color-neutral-900);
  --color-brand-black: var(--color-neutral-1000);
  --font-family-inter: Inter, system-ui, sans-serif;
  --font-family-inter-display: "Inter Display", Inter, system-ui, sans-serif;
  --font-family-display: var(--font-family-inter-display);
  --font-family-body: var(--font-family-inter);
  --font-family-email: Inter, Arial, Helvetica, sans-serif;
  --font-style-italic: italic;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-opsz-text: 14;
  --font-opsz-display: 32;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-24: 24px;
  --font-size-32: 32px;
  --font-size-36: 36px;
  --font-size-40: 40px;
  --font-size-56: 56px;
  --font-size-64: 64px;
  --font-size-88: 88px;
  --font-size-fluid-h1: clamp(2.5rem, 1.5000rem + 4.4444vw, 5.5rem);
  --font-size-fluid-h2: clamp(2rem, 1.5000rem + 2.2222vw, 3.5rem);
  --font-size-fluid-h3: clamp(1.5rem, 1.2500rem + 1.1111vw, 2.25rem);
  --font-size-fluid-h4: clamp(1.25rem, 1.1667rem + 0.3704vw, 1.5rem);
  --font-size-fluid-stat: clamp(2.25rem, 1.6667rem + 2.5926vw, 4rem);
  --font-size-fluid-lede: clamp(1.125rem, 1.0833rem + 0.1852vw, 1.25rem);
  --font-size-fluid-body: 1rem;
  --font-size-fluid-body-sm: 0.875rem;
  --font-size-fluid-label: clamp(0.75rem, 0.7292rem + 0.0926vw, 0.8125rem);
  --font-size-fluid-hud: 0.6875rem;
  --font-size-fluid-button: 1rem;
  --font-size-fluid-button-sm: 0.875rem;
  --font-size-mobile-h1: 40px;
  --font-size-mobile-h2: 32px;
  --font-size-mobile-h3: 24px;
  --font-size-mobile-h4: 20px;
  --font-size-mobile-stat: 36px;
  --font-size-mobile-lede: 18px;
  --font-size-mobile-body: 16px;
  --font-size-mobile-body-sm: 14px;
  --font-size-mobile-label: 12px;
  --font-size-mobile-hud: 11px;
  --font-size-mobile-button: 16px;
  --font-size-mobile-button-sm: 14px;
  --font-feature-tabular: "tnum" 1;
  --font-feature-case: "case" 1;
  --font-line-height-h1: 1;
  --font-line-height-h2: 1.05;
  --font-line-height-h3: 1.1;
  --font-line-height-h4: 1.2;
  --font-line-height-stat: 1;
  --font-line-height-lede: 1.5;
  --font-line-height-body: 1.6;
  --font-line-height-body-sm: 1.5;
  --font-line-height-label: 1.2;
  --font-line-height-hud: 1.2;
  --font-line-height-button: 1;
  --font-line-height-button-sm: 1;
  --font-tracking-h1: -0.035em;
  --font-tracking-h2: -0.03em;
  --font-tracking-h3: -0.02em;
  --font-tracking-h4: -0.015em;
  --font-tracking-stat: -0.03em;
  --font-tracking-lede: -0.005em;
  --font-tracking-body: 0em;
  --font-tracking-body-sm: 0em;
  --font-tracking-label: 0.08em;
  --font-tracking-hud: 0.12em;
  --font-tracking-button: -0.005em;
  --font-tracking-button-sm: 0em;
  --type-h1-font-family: var(--font-family-display);
  --type-h1-font-size: var(--font-size-88);
  --type-h1-font-weight: var(--font-weight-extrabold);
  --type-h1-line-height: var(--font-line-height-h1);
  --type-h1-letter-spacing: var(--font-tracking-h1);
  --type-h2-font-family: var(--font-family-display);
  --type-h2-font-size: var(--font-size-56);
  --type-h2-font-weight: var(--font-weight-bold);
  --type-h2-line-height: var(--font-line-height-h2);
  --type-h2-letter-spacing: var(--font-tracking-h2);
  --type-h3-font-family: var(--font-family-display);
  --type-h3-font-size: var(--font-size-36);
  --type-h3-font-weight: var(--font-weight-bold);
  --type-h3-line-height: var(--font-line-height-h3);
  --type-h3-letter-spacing: var(--font-tracking-h3);
  --type-h4-font-family: var(--font-family-display);
  --type-h4-font-size: var(--font-size-24);
  --type-h4-font-weight: var(--font-weight-bold);
  --type-h4-line-height: var(--font-line-height-h4);
  --type-h4-letter-spacing: var(--font-tracking-h4);
  --type-stat-font-family: var(--font-family-display);
  --type-stat-font-size: var(--font-size-64);
  --type-stat-font-weight: var(--font-weight-extrabold);
  --type-stat-line-height: var(--font-line-height-stat);
  --type-stat-letter-spacing: var(--font-tracking-stat);
  --type-lede-font-family: var(--font-family-body);
  --type-lede-font-size: var(--font-size-20);
  --type-lede-font-weight: var(--font-weight-regular);
  --type-lede-line-height: var(--font-line-height-lede);
  --type-lede-letter-spacing: var(--font-tracking-lede);
  --type-body-font-family: var(--font-family-body);
  --type-body-font-size: var(--font-size-16);
  --type-body-font-weight: var(--font-weight-regular);
  --type-body-line-height: var(--font-line-height-body);
  --type-body-letter-spacing: var(--font-tracking-body);
  --type-body-sm-font-family: var(--font-family-body);
  --type-body-sm-font-size: var(--font-size-14);
  --type-body-sm-font-weight: var(--font-weight-regular);
  --type-body-sm-line-height: var(--font-line-height-body-sm);
  --type-body-sm-letter-spacing: var(--font-tracking-body-sm);
  --type-label-font-family: var(--font-family-body);
  --type-label-font-size: var(--font-size-13);
  --type-label-font-weight: var(--font-weight-semibold);
  --type-label-line-height: var(--font-line-height-label);
  --type-label-letter-spacing: var(--font-tracking-label);
  --type-label-text-transform: uppercase;
  --type-hud-font-family: var(--font-family-body);
  --type-hud-font-size: var(--font-size-11);
  --type-hud-font-weight: var(--font-weight-semibold);
  --type-hud-line-height: var(--font-line-height-hud);
  --type-hud-letter-spacing: var(--font-tracking-hud);
  --type-hud-text-transform: uppercase;
  --type-button-font-family: var(--font-family-body);
  --type-button-font-size: var(--font-size-16);
  --type-button-font-weight: var(--font-weight-semibold);
  --type-button-line-height: var(--font-line-height-button);
  --type-button-letter-spacing: var(--font-tracking-button);
  --type-button-sm-font-family: var(--font-family-body);
  --type-button-sm-font-size: var(--font-size-14);
  --type-button-sm-font-weight: var(--font-weight-semibold);
  --type-button-sm-line-height: var(--font-line-height-button-sm);
  --type-button-sm-letter-spacing: var(--font-tracking-button-sm);
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;
  --space-40: 160px;
  --space-0-5: 2px;
  --layout-container-max: 1280px;
  --layout-container-wide: 1600px;
  --layout-container-prose: 680px;
  --layout-gutter-mobile: 16px;
  --layout-gutter-tablet: 32px;
  --layout-gutter-desktop: 56px;
  --layout-gutter-fluid: clamp(1rem, 0.1667rem + 3.7037vw, 3.5rem);
  --layout-grid-columns-mobile: 4;
  --layout-grid-columns-tablet: 8;
  --layout-grid-columns-desktop: 12;
  --layout-grid-gap-mobile: 16px;
  --layout-grid-gap-desktop: 32px;
  --layout-grid-gap-fluid: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  --layout-section-mobile: 64px;
  --layout-section-desktop: 144px;
  --layout-section-fluid: clamp(4rem, 2.3333rem + 7.4074vw, 9rem);
  --layout-stack-eyebrow-to-heading: var(--space-4);
  --layout-stack-heading-to-body: var(--space-6);
  --layout-stack-body-to-actions: var(--space-8);
  --layout-stack-actions-gap: var(--space-3);
  --layout-stack-block-gap: var(--space-16);
  --radius-none: 0px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --border-width-hairline: 1px;
  --border-width-thick: 2px;
  --focus-ring-width: 2px;
  --focus-ring-offset: 3px;
  --focus-ring-color: var(--color-border-focus);
  --shadow-none: 0px 0px 0px 0px #00000000;
  --shadow-raised-light: 0px 1px 2px 0px #0000000F, 0px 4px 12px 0px #0000000F;
  --shadow-overlay-dark: 0px 12px 32px 0px #00000080;
  --shadow-overlay-light: 0px 12px 32px 0px #00000024;
  --shadow-dialog-dark: 0px 24px 64px 0px #00000099;
  --shadow-dialog-light: 0px 24px 64px 0px #00000033;
  --elevation-raised: var(--shadow-none);
  --elevation-overlay: var(--shadow-overlay-dark);
  --elevation-dialog: var(--shadow-dialog-dark);
  --motion-duration-fast: 120ms;
  --motion-duration-base: 200ms;
  --motion-duration-slow: 400ms;
  --motion-duration-entrance: 700ms;
  --motion-easing-standard: cubic-bezier(0.2, 0.7, 0.2, 1);
  --motion-easing-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --motion-easing-spring: cubic-bezier(0.3, 1.6, 0.5, 1);
  --motion-easing-linear: cubic-bezier(0, 0, 1, 1);
  --motion-stagger: 60ms;
  --motion-distance-rise: 24px;
  --motion-distance-nudge: 4px;
  --motion-scale-press: 0.97;
  --motion-scale-hover-media: 1.04;
  --motion-sting-duration: 3000ms;
  --motion-sting-fps: 30;
  --motion-sting-hold: 800ms;
  --motion-sting-beat-open: 360ms;
  --motion-sting-beat-close: 980ms;
  --motion-sting-beat-land: 1240ms;
  --motion-sting-beat-wordmark: 1660ms;
  --motion-sting-beat-swap: 2020ms;
  --motion-sting-easing-reveal: var(--motion-easing-standard);
  --motion-sting-easing-door: var(--motion-easing-in-out);
  --motion-sting-easing-return: var(--motion-easing-exit);
  --motion-loader-rise: calc(var(--motion-duration-entrance) * 1.5);
  --motion-loader-wave-cycle: 2400ms;
  --motion-loader-wave-stagger: var(--motion-duration-fast);
  --motion-loader-wave-easing: var(--motion-easing-in-out);
  --motion-loader-blink: 800ms;
  --motion-loader-float: 5000ms;
  --motion-loader-twinkle: 2600ms;
  --motion-loader-tip-interval: 5500ms;
  --motion-loader-tip-fade: var(--motion-duration-slow);
  --motion-loader-fade-out: 300ms;
  --gradient-signature-angle: 100deg;
  --gradient-dawn-angle: 180deg;
  --gradient-scrim-strong-fade-angle: 0deg;
  --breakpoint-sm: 600px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1440px;
  --z-base: 0;
  --z-raised: 10;
  --z-sticky: 100;
  --z-header: 200;
  --z-dropdown: 300;
  --z-overlay: 400;
  --z-modal: 500;
  --z-toast: 600;
  --z-skip-link: 1000;
  --opacity-hover: 0.08;
  --opacity-pressed: 0.16;
  --opacity-disabled: 0.4;
  --opacity-muted: 0.64;
  --opacity-full: 1;
  --blur-backdrop: 16px;
  --button-radius: var(--radius-none);
  --button-border-width: var(--border-width-thick);
  --button-height-sm: 44px;
  --button-height-md: 52px;
  --button-height-lg: 60px;
  --button-height-hero: var(--space-16);
  --button-padding-x-sm: var(--space-5);
  --button-padding-x-md: var(--space-6);
  --button-padding-x-lg: var(--space-8);
  --button-padding-x-hero: var(--space-10);
  --button-gap: var(--space-2);
  --button-icon-size-sm: var(--space-5);
  --button-icon-size-md: var(--space-5);
  --button-icon-size-lg: var(--space-6);
  --button-icon-size-hero: var(--space-6);
  --button-chamfer-sm: var(--space-2);
  --button-chamfer-md: calc(var(--space-2) + var(--space-0-5));
  --button-chamfer-lg: var(--space-3);
  --button-chamfer-hero: var(--space-4);
  --button-offset-sm: var(--space-1);
  --button-offset-md: calc(var(--space-1) + var(--space-0-5));
  --button-offset-lg: calc(var(--space-1) + var(--space-0-5));
  --button-offset-hero: var(--space-2);
  --button-lift: var(--space-0-5);
  --button-stripe-angle: 135deg;
  --button-duration-hover: var(--motion-duration-fast);
  --button-duration-press: calc(var(--motion-duration-fast) / 2);
  --button-duration-release: var(--motion-duration-base);
  --button-easing-press: var(--motion-easing-exit);
  --button-easing-release: var(--motion-easing-spring);
  --button-primary-bg: var(--color-action-primary-bg);
  --button-primary-bg-hover: var(--color-action-primary-bg-hover);
  --button-primary-bg-pressed: var(--color-action-primary-bg-pressed);
  --button-primary-text: var(--color-action-primary-text);
  --button-primary-bg-disabled: var(--color-action-primary-bg-disabled);
  --button-primary-text-disabled: var(--color-action-primary-text-disabled);
  --button-primary-slab: var(--color-lilac-600);
  --button-primary-hatch: var(--color-lilac-800);
  --button-secondary-border: var(--color-action-secondary-border);
  --button-secondary-text: var(--color-action-secondary-text);
  --button-secondary-bg: var(--color-bg-surface);
  --button-secondary-bg-hover: var(--color-bg-surface-raised);
  --button-secondary-bg-pressed: var(--color-neutral-700);
  --button-secondary-slab: var(--color-neutral-700);
  --button-secondary-border-disabled: var(--color-action-secondary-border-disabled);
  --button-secondary-text-disabled: var(--color-action-secondary-text-disabled);
  --button-ghost-text: var(--color-action-ghost-text);
  --button-ghost-bg-hover: var(--color-action-ghost-bg-hover);
  --button-ghost-bg-pressed: var(--color-action-ghost-bg-pressed);
  --button-ghost-text-disabled: var(--color-text-disabled);
  --button-ghost-bracket: var(--color-text-accent);
  --button-ghost-bracket-size: var(--space-3);
  --button-ghost-bracket-width: var(--border-width-thick);
  --button-ghost-bracket-inset: var(--space-1);
  --button-ghost-bracket-scale-from: 1.08;
  --button-ghost-bracket-scale-press: 0.96;
  --button-hero-font-size: var(--font-size-18);
  --button-hero-font-weight: var(--font-weight-bold);
  --button-hero-stripe: var(--color-action-primary-text);
  --button-hero-stripe-skew: -20deg;
  --button-loading-stripe: var(--color-alpha-black-16);
  --nav-height-mobile: 64px;
  --nav-height-desktop: 76px;
  --nav-bg: var(--color-bg-canvas);
  --nav-bg-scrolled: var(--color-scrim-solid);
  --nav-link: var(--color-text-secondary);
  --nav-link-hover: var(--color-text-primary);
  --nav-link-active: var(--color-text-primary);
  --nav-indicator: var(--color-text-accent);
  --nav-indicator-height: var(--border-width-thick);
  --nav-border: var(--color-border-subtle);
  --card-bg: var(--color-bg-surface);
  --card-bg-hover: var(--color-bg-surface-raised);
  --card-border: var(--color-border-subtle);
  --card-radius: var(--radius-md);
  --card-padding: var(--space-6);
  --card-padding-lg: var(--space-8);
  --card-gap: var(--space-4);
  --card-shadow: var(--elevation-raised);
  --stat-number: var(--color-text-primary);
  --stat-label: var(--color-text-secondary);
  --stat-meta: var(--color-text-tertiary);
  --stat-rule: var(--color-border-default);
  --stat-padding: var(--space-6);
  --stat-radius: var(--radius-md);
  --stat-bg: var(--color-bg-surface);
  --badge-height: 28px;
  --badge-padding-x: var(--space-3);
  --badge-radius: var(--radius-pill);
  --badge-bg: var(--color-bg-surface-raised);
  --badge-text: var(--color-text-primary);
  --badge-border: var(--color-border-default);
  --badge-live-dot: var(--color-live-dot);
  --badge-live-text: var(--color-live-text);
  --badge-live-border: var(--color-live-border);
  --badge-live-dot-size: 8px;
  --input-height: 52px;
  --input-padding-x: var(--space-4);
  --input-radius: var(--radius-md);
  --input-bg: var(--color-bg-surface);
  --input-text: var(--color-text-primary);
  --input-placeholder: var(--color-text-tertiary);
  --input-border: var(--color-border-control);
  --input-border-hover: var(--color-text-secondary);
  --input-border-focus: var(--color-border-focus);
  --input-border-error: var(--color-status-danger-fg);
  --input-label: var(--color-text-primary);
  --input-help: var(--color-text-tertiary);
  --link-color: var(--color-text-link);
  --link-color-hover: var(--color-text-link-hover);
  --link-underline-thickness: var(--border-width-hairline);
  --link-underline-offset: 3px;
  --logo-cap-ratio: 0.1302;
  --logo-clear-space-default: 1;
  --logo-clear-space-tight: 0.5;
  --logo-clear-space-mark: 0.5;
  --logo-clear-space-lockup: 1;
  --logo-min-width-digital: 72px;
  --logo-min-width-print: 18mm;
  --logo-min-width-mark-digital: 16px;
  --logo-min-width-mark-print: 5mm;
  --logo-min-width-embroidery-wordmark: 40mm;
  --logo-min-width-lockup-digital: 120px;
  --logo-min-width-lockup-print: 30mm;
  --logo-min-width-watermark-mark: 48px;
  --logo-min-width-ingame-wordmark: 120px;
  --logo-height-nav-mobile: 20px;
  --logo-height-nav-desktop: 24px;
  --logo-height-footer: 32px;
  --logo-mark-mask-scale: 0.82;
  --logo-mark-mask-width: 69.4%;
  --logo-fill-default: var(--color-neutral-50);
  --logo-fill-mono-white: var(--color-neutral-0);
  --logo-fill-mono-black: var(--color-neutral-1000);
  --logo-fill-ink: var(--color-lilac-950);
  --logo-fill-lilac: var(--color-lilac-200);
  --logo-fill-lilac-deep: var(--color-lilac-700);
  --logo-plate-black: var(--color-neutral-1000);
  --logo-plate-ink: var(--color-lilac-950);
  --logo-plate-charcoal: var(--color-neutral-900);
  --logo-colourway-c04-fill: var(--logo-fill-lilac);
  --logo-colourway-c04-ground: var(--logo-plate-black);
  --logo-colourway-c01-fill: var(--logo-fill-default);
  --logo-colourway-c01-ground: var(--logo-plate-black);
  --logo-colourway-c07-fill: var(--logo-fill-lilac-deep);
  --logo-colourway-c07-ground: var(--color-brand-paper);
  --logo-colourway-c03-fill: var(--logo-fill-mono-white);
  --logo-colourway-c03-ground: var(--logo-plate-black);
  --logo-colourway-c09-fill: var(--logo-fill-mono-black);
  --logo-colourway-c09-ground: var(--color-brand-lilac);
  --logo-colourway-c13-fill: var(--logo-fill-default);
  --logo-colourway-c13-ground: var(--color-brand-lilac-deep);
  --pattern-ground-paper: var(--color-brand-paper);
  --pattern-ground-lilac: var(--color-brand-lilac);
  --pattern-ground-ink: var(--color-brand-black);
  --pattern-ground-deep: var(--color-brand-lilac-deep);
  --pattern-dots-pitch-divisor: 240;
  --pattern-dots-radius-ratio: 0.094;
  --pattern-dots-edge-ratio: 0.109;
  --pattern-dots-loud-scale: 1.5;
  --pattern-dots-loud-radius-ratio: 0.146;
  --pattern-dots-on-lilac-quiet: var(--color-alpha-black-10);
  --pattern-dots-on-lilac-loud: var(--color-brand-lilac-deep);
  --pattern-dots-on-paper-quiet: var(--color-brand-lilac);
  --pattern-dots-on-paper-loud: var(--color-brand-lilac-soft);
  --pattern-dots-on-ink-quiet: var(--color-brand-lilac-deep);
  --pattern-dots-on-ink-loud: var(--color-brand-lilac-deep);
  --pattern-dots-on-deep-quiet: var(--color-brand-ink);
  --pattern-dots-on-deep-loud: var(--color-brand-lilac-soft);
  --pattern-corner-pitch-divisor: 66;
  --pattern-corner-radius-ratio: 0.125;
  --pattern-corner-dot: var(--color-brand-lilac-deep);
  --pattern-tonal-v-tile-divisor: 9;
  --pattern-tonal-v-tile-aspect: 0.7;
  --pattern-tonal-v-quiet-opacity: var(--opacity-pressed);
  --pattern-strips-column-divisor: 24;
  --pattern-strips-gap-divisor: 1920;
  --pattern-mosaic-tile-divisor: 48;
  --pattern-mosaic-tile-ratio: 0.9;
  --pattern-mosaic-radius-ratio: 0.15;
}

[data-theme="light"] {
  color-scheme: light;
  --color-neutral-0: #FFFFFF;
  --color-neutral-50: #F2F2F2;
  --color-neutral-100: #E3E3E3;
  --color-neutral-200: #D2D2D3;
  --color-neutral-300: #BEBDBE;
  --color-neutral-400: #ABAAAC;
  --color-neutral-500: #919092;
  --color-neutral-600: #636364;
  --color-neutral-700: #454447;
  --color-neutral-800: #28272A;
  --color-neutral-900: #1A191C;
  --color-neutral-1000: #000000;
  --color-lilac-50: #F8F2FD;
  --color-lilac-100: #EEDFFB;
  --color-lilac-200: #E1BFFF;
  --color-lilac-300: #CEA4F5;
  --color-lilac-400: #B78BE1;
  --color-lilac-500: #9A6FC6;
  --color-lilac-600: #7E55A7;
  --color-lilac-700: #64418A;
  --color-lilac-800: #4B306A;
  --color-lilac-900: #341F4C;
  --color-lilac-950: #201231;
  --color-amber-50: #FFF6E1;
  --color-amber-100: #FFEDC2;
  --color-amber-200: #FFDD98;
  --color-amber-300: #FFC969;
  --color-amber-400: #FFB419;
  --color-amber-500: #E89719;
  --color-amber-600: #CC7D1E;
  --color-amber-700: #A05B11;
  --color-amber-800: #7C4617;
  --color-amber-900: #532D0F;
  --color-amber-950: #2E1E06;
  --color-green-50: #E8F9EB;
  --color-green-300: #71D790;
  --color-green-400: #52CD7D;
  --color-green-700: #00773B;
  --color-green-950: #0F2817;
  --color-red-50: #FFEFEE;
  --color-red-300: #FD7273;
  --color-red-400: #F75D5C;
  --color-red-700: #B63132;
  --color-red-950: #361717;
  --color-blue-50: #EEF4FF;
  --color-blue-300: #4F98FC;
  --color-blue-600: #1A5FE5;
  --color-blue-950: #0C1E38;
  --color-sunset-peach: #FFC48A;
  --color-sunset-rose: #FF9DBB;
  --color-dawn-cream: #FFF4EA;
  --color-dawn-blush: #FFCADF;
  --color-alpha-white-4: #FFFFFF0A;
  --color-alpha-white-8: #FFFFFF14;
  --color-alpha-white-10: #FFFFFF1A;
  --color-alpha-white-16: #FFFFFF29;
  --color-alpha-white-24: #FFFFFF3D;
  --color-alpha-white-35: #FFFFFF59;
  --color-alpha-white-75: #FFFFFFBF;
  --color-alpha-black-0: #00000000;
  --color-alpha-black-8: #00000014;
  --color-alpha-black-10: #0000001A;
  --color-alpha-black-16: #00000029;
  --color-alpha-black-45: #00000073;
  --color-alpha-black-72: #000000B8;
  --color-alpha-black-88: #000000E0;
  --color-bg-canvas: var(--color-neutral-0);
  --color-bg-surface: var(--color-neutral-50);
  --color-bg-surface-raised: var(--color-neutral-100);
  --color-bg-inverse: var(--color-neutral-900);
  --color-bg-brand: var(--color-lilac-50);
  --color-bg-brand-strong: var(--color-lilac-700);
  --color-text-primary: var(--color-neutral-900);
  --color-text-secondary: var(--color-neutral-700);
  --color-text-tertiary: var(--color-neutral-600);
  --color-text-disabled: var(--color-neutral-500);
  --color-text-inverse: var(--color-neutral-50);
  --color-text-accent: var(--color-lilac-700);
  --color-text-link: var(--color-lilac-700);
  --color-text-link-hover: var(--color-lilac-800);
  --color-text-on-accent: var(--color-neutral-0);
  --color-text-hud: var(--color-amber-700);
  --color-border-subtle: var(--color-alpha-black-10);
  --color-border-default: var(--color-alpha-black-16);
  --color-border-strong: var(--color-neutral-200);
  --color-border-control: var(--color-neutral-600);
  --color-border-focus: var(--color-lilac-700);
  --color-action-primary-bg: var(--color-lilac-700);
  --color-action-primary-bg-hover: var(--color-lilac-800);
  --color-action-primary-bg-pressed: var(--color-lilac-900);
  --color-action-primary-text: var(--color-neutral-0);
  --color-action-primary-bg-disabled: var(--color-neutral-100);
  --color-action-primary-text-disabled: var(--color-neutral-500);
  --color-action-secondary-border: var(--color-neutral-900);
  --color-action-secondary-text: var(--color-neutral-900);
  --color-action-secondary-bg-hover: var(--color-alpha-black-8);
  --color-action-secondary-bg-pressed: var(--color-alpha-black-16);
  --color-action-secondary-border-disabled: var(--color-alpha-black-16);
  --color-action-secondary-text-disabled: var(--color-neutral-500);
  --color-action-ghost-text: var(--color-neutral-900);
  --color-action-ghost-bg-hover: var(--color-alpha-black-8);
  --color-action-ghost-bg-pressed: var(--color-alpha-black-16);
  --color-status-success-fg: var(--color-green-700);
  --color-status-success-bg: var(--color-green-50);
  --color-status-success-solid: var(--color-green-700);
  --color-status-success-on-solid: var(--color-neutral-0);
  --color-status-warning-fg: var(--color-amber-700);
  --color-status-warning-bg: var(--color-amber-50);
  --color-status-warning-solid: var(--color-amber-400);
  --color-status-warning-on-solid: var(--color-neutral-1000);
  --color-status-danger-fg: var(--color-red-700);
  --color-status-danger-bg: var(--color-red-50);
  --color-status-danger-solid: var(--color-red-700);
  --color-status-danger-on-solid: var(--color-neutral-0);
  --color-status-info-fg: var(--color-blue-600);
  --color-status-info-bg: var(--color-blue-50);
  --color-status-info-solid: var(--color-blue-600);
  --color-status-info-on-solid: var(--color-neutral-0);
  --color-live-dot: var(--color-amber-600);
  --color-live-text: var(--color-amber-700);
  --color-live-border: var(--color-amber-700);
  --color-scrim-soft: var(--color-alpha-black-45);
  --color-scrim-strong: var(--color-alpha-black-72);
  --color-scrim-strong-fade: var(--color-scrim-strong) 0%, var(--color-scrim-strong) 50%, var(--color-alpha-black-0) 100%;
  --color-scrim-solid: var(--color-alpha-black-88);
  --color-overlay-backdrop: var(--color-alpha-black-45);
  --color-logo-fill: var(--color-neutral-50);
  --color-logo-plate: var(--color-lilac-950);
  --color-gradient-signature: var(--color-sunset-peach) 0%, var(--color-sunset-rose) 45%, var(--color-lilac-300) 100%;
  --color-gradient-dawn: var(--color-dawn-cream) 0%, var(--color-dawn-blush) 45%, var(--color-lilac-300) 100%;
  --color-brand-lilac: var(--color-lilac-200);
  --color-brand-lilac-soft: var(--color-lilac-300);
  --color-brand-lilac-deep: var(--color-lilac-700);
  --color-brand-ink: var(--color-lilac-950);
  --color-brand-amber: var(--color-amber-400);
  --color-brand-amber-deep: var(--color-amber-700);
  --color-brand-peach: var(--color-sunset-peach);
  --color-brand-rose: var(--color-sunset-rose);
  --color-brand-white: var(--color-neutral-50);
  --color-brand-paper: var(--color-neutral-0);
  --color-brand-grey: var(--color-neutral-500);
  --color-brand-charcoal: var(--color-neutral-900);
  --color-brand-black: var(--color-neutral-1000);
  --font-family-display: var(--font-family-inter-display);
  --font-family-body: var(--font-family-inter);
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-24: 24px;
  --font-size-32: 32px;
  --font-size-36: 36px;
  --font-size-40: 40px;
  --font-size-56: 56px;
  --font-size-64: 64px;
  --font-size-88: 88px;
  --font-size-mobile-h1: 40px;
  --font-size-mobile-h2: 32px;
  --font-size-mobile-h3: 24px;
  --font-size-mobile-h4: 20px;
  --font-size-mobile-stat: 36px;
  --font-size-mobile-lede: 18px;
  --font-size-mobile-body: 16px;
  --font-size-mobile-body-sm: 14px;
  --font-size-mobile-label: 12px;
  --font-size-mobile-hud: 11px;
  --font-size-mobile-button: 16px;
  --font-size-mobile-button-sm: 14px;
  --font-tracking-h1: -0.035em;
  --font-tracking-h2: -0.03em;
  --font-tracking-h3: -0.02em;
  --font-tracking-h4: -0.015em;
  --font-tracking-stat: -0.03em;
  --font-tracking-lede: -0.005em;
  --font-tracking-body: 0em;
  --font-tracking-body-sm: 0em;
  --font-tracking-label: 0.08em;
  --font-tracking-hud: 0.12em;
  --font-tracking-button: -0.005em;
  --font-tracking-button-sm: 0em;
  --type-h1-font-family: var(--font-family-display);
  --type-h1-font-size: var(--font-size-88);
  --type-h1-font-weight: var(--font-weight-extrabold);
  --type-h1-line-height: var(--font-line-height-h1);
  --type-h1-letter-spacing: var(--font-tracking-h1);
  --type-h2-font-family: var(--font-family-display);
  --type-h2-font-size: var(--font-size-56);
  --type-h2-font-weight: var(--font-weight-bold);
  --type-h2-line-height: var(--font-line-height-h2);
  --type-h2-letter-spacing: var(--font-tracking-h2);
  --type-h3-font-family: var(--font-family-display);
  --type-h3-font-size: var(--font-size-36);
  --type-h3-font-weight: var(--font-weight-bold);
  --type-h3-line-height: var(--font-line-height-h3);
  --type-h3-letter-spacing: var(--font-tracking-h3);
  --type-h4-font-family: var(--font-family-display);
  --type-h4-font-size: var(--font-size-24);
  --type-h4-font-weight: var(--font-weight-bold);
  --type-h4-line-height: var(--font-line-height-h4);
  --type-h4-letter-spacing: var(--font-tracking-h4);
  --type-stat-font-family: var(--font-family-display);
  --type-stat-font-size: var(--font-size-64);
  --type-stat-font-weight: var(--font-weight-extrabold);
  --type-stat-line-height: var(--font-line-height-stat);
  --type-stat-letter-spacing: var(--font-tracking-stat);
  --type-lede-font-family: var(--font-family-body);
  --type-lede-font-size: var(--font-size-20);
  --type-lede-font-weight: var(--font-weight-regular);
  --type-lede-line-height: var(--font-line-height-lede);
  --type-lede-letter-spacing: var(--font-tracking-lede);
  --type-body-font-family: var(--font-family-body);
  --type-body-font-size: var(--font-size-16);
  --type-body-font-weight: var(--font-weight-regular);
  --type-body-line-height: var(--font-line-height-body);
  --type-body-letter-spacing: var(--font-tracking-body);
  --type-body-sm-font-family: var(--font-family-body);
  --type-body-sm-font-size: var(--font-size-14);
  --type-body-sm-font-weight: var(--font-weight-regular);
  --type-body-sm-line-height: var(--font-line-height-body-sm);
  --type-body-sm-letter-spacing: var(--font-tracking-body-sm);
  --type-label-font-family: var(--font-family-body);
  --type-label-font-size: var(--font-size-13);
  --type-label-font-weight: var(--font-weight-semibold);
  --type-label-line-height: var(--font-line-height-label);
  --type-label-letter-spacing: var(--font-tracking-label);
  --type-label-text-transform: uppercase;
  --type-hud-font-family: var(--font-family-body);
  --type-hud-font-size: var(--font-size-11);
  --type-hud-font-weight: var(--font-weight-semibold);
  --type-hud-line-height: var(--font-line-height-hud);
  --type-hud-letter-spacing: var(--font-tracking-hud);
  --type-hud-text-transform: uppercase;
  --type-button-font-family: var(--font-family-body);
  --type-button-font-size: var(--font-size-16);
  --type-button-font-weight: var(--font-weight-semibold);
  --type-button-line-height: var(--font-line-height-button);
  --type-button-letter-spacing: var(--font-tracking-button);
  --type-button-sm-font-family: var(--font-family-body);
  --type-button-sm-font-size: var(--font-size-14);
  --type-button-sm-font-weight: var(--font-weight-semibold);
  --type-button-sm-line-height: var(--font-line-height-button-sm);
  --type-button-sm-letter-spacing: var(--font-tracking-button-sm);
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;
  --space-40: 160px;
  --space-0-5: 2px;
  --layout-container-max: 1280px;
  --layout-container-wide: 1600px;
  --layout-container-prose: 680px;
  --layout-gutter-mobile: 16px;
  --layout-gutter-tablet: 32px;
  --layout-gutter-desktop: 56px;
  --layout-grid-gap-mobile: 16px;
  --layout-grid-gap-desktop: 32px;
  --layout-section-mobile: 64px;
  --layout-section-desktop: 144px;
  --layout-stack-eyebrow-to-heading: var(--space-4);
  --layout-stack-heading-to-body: var(--space-6);
  --layout-stack-body-to-actions: var(--space-8);
  --layout-stack-actions-gap: var(--space-3);
  --layout-stack-block-gap: var(--space-16);
  --radius-none: 0px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --border-width-hairline: 1px;
  --border-width-thick: 2px;
  --focus-ring-width: 2px;
  --focus-ring-offset: 3px;
  --focus-ring-color: var(--color-border-focus);
  --shadow-none: 0px 0px 0px 0px #00000000;
  --shadow-raised-light: 0px 1px 2px 0px #0000000F, 0px 4px 12px 0px #0000000F;
  --shadow-overlay-dark: 0px 12px 32px 0px #00000080;
  --shadow-overlay-light: 0px 12px 32px 0px #00000024;
  --shadow-dialog-dark: 0px 24px 64px 0px #00000099;
  --shadow-dialog-light: 0px 24px 64px 0px #00000033;
  --elevation-raised: var(--shadow-raised-light);
  --elevation-overlay: var(--shadow-overlay-light);
  --elevation-dialog: var(--shadow-dialog-light);
  --motion-duration-fast: 120ms;
  --motion-duration-base: 200ms;
  --motion-duration-slow: 400ms;
  --motion-duration-entrance: 700ms;
  --motion-stagger: 60ms;
  --motion-distance-rise: 24px;
  --motion-distance-nudge: 4px;
  --motion-sting-duration: 3000ms;
  --motion-sting-hold: 800ms;
  --motion-sting-beat-open: 360ms;
  --motion-sting-beat-close: 980ms;
  --motion-sting-beat-land: 1240ms;
  --motion-sting-beat-wordmark: 1660ms;
  --motion-sting-beat-swap: 2020ms;
  --motion-sting-easing-reveal: var(--motion-easing-standard);
  --motion-sting-easing-door: var(--motion-easing-in-out);
  --motion-sting-easing-return: var(--motion-easing-exit);
  --motion-loader-wave-cycle: 2400ms;
  --motion-loader-wave-stagger: var(--motion-duration-fast);
  --motion-loader-wave-easing: var(--motion-easing-in-out);
  --motion-loader-blink: 800ms;
  --motion-loader-float: 5000ms;
  --motion-loader-twinkle: 2600ms;
  --motion-loader-tip-interval: 5500ms;
  --motion-loader-tip-fade: var(--motion-duration-slow);
  --motion-loader-fade-out: 300ms;
  --breakpoint-sm: 600px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1440px;
  --blur-backdrop: 16px;
  --button-radius: var(--radius-none);
  --button-border-width: var(--border-width-thick);
  --button-height-sm: 44px;
  --button-height-md: 52px;
  --button-height-lg: 60px;
  --button-height-hero: var(--space-16);
  --button-padding-x-sm: var(--space-5);
  --button-padding-x-md: var(--space-6);
  --button-padding-x-lg: var(--space-8);
  --button-padding-x-hero: var(--space-10);
  --button-gap: var(--space-2);
  --button-icon-size-sm: var(--space-5);
  --button-icon-size-md: var(--space-5);
  --button-icon-size-lg: var(--space-6);
  --button-icon-size-hero: var(--space-6);
  --button-chamfer-sm: var(--space-2);
  --button-chamfer-lg: var(--space-3);
  --button-chamfer-hero: var(--space-4);
  --button-offset-sm: var(--space-1);
  --button-offset-hero: var(--space-2);
  --button-lift: var(--space-0-5);
  --button-duration-hover: var(--motion-duration-fast);
  --button-duration-release: var(--motion-duration-base);
  --button-easing-press: var(--motion-easing-exit);
  --button-easing-release: var(--motion-easing-spring);
  --button-primary-bg: var(--color-action-primary-bg);
  --button-primary-bg-hover: var(--color-action-primary-bg-hover);
  --button-primary-bg-pressed: var(--color-action-primary-bg-pressed);
  --button-primary-text: var(--color-action-primary-text);
  --button-primary-bg-disabled: var(--color-action-primary-bg-disabled);
  --button-primary-text-disabled: var(--color-action-primary-text-disabled);
  --button-primary-slab: var(--color-neutral-1000);
  --button-primary-hatch: var(--color-neutral-1000);
  --button-secondary-border: var(--color-action-secondary-border);
  --button-secondary-text: var(--color-action-secondary-text);
  --button-secondary-bg: var(--color-bg-canvas);
  --button-secondary-bg-hover: var(--color-bg-surface);
  --button-secondary-bg-pressed: var(--color-bg-surface-raised);
  --button-secondary-slab: var(--color-neutral-900);
  --button-secondary-border-disabled: var(--color-action-secondary-border-disabled);
  --button-secondary-text-disabled: var(--color-action-secondary-text-disabled);
  --button-ghost-text: var(--color-action-ghost-text);
  --button-ghost-bg-hover: var(--color-action-ghost-bg-hover);
  --button-ghost-bg-pressed: var(--color-action-ghost-bg-pressed);
  --button-ghost-text-disabled: var(--color-text-disabled);
  --button-ghost-bracket: var(--color-text-accent);
  --button-ghost-bracket-size: var(--space-3);
  --button-ghost-bracket-width: var(--border-width-thick);
  --button-ghost-bracket-inset: var(--space-1);
  --button-hero-font-size: var(--font-size-18);
  --button-hero-font-weight: var(--font-weight-bold);
  --button-hero-stripe: var(--color-action-primary-text);
  --button-loading-stripe: var(--color-alpha-white-16);
  --nav-height-mobile: 64px;
  --nav-height-desktop: 76px;
  --nav-bg: var(--color-bg-canvas);
  --nav-bg-scrolled: var(--color-scrim-solid);
  --nav-link: var(--color-text-secondary);
  --nav-link-hover: var(--color-text-primary);
  --nav-link-active: var(--color-text-primary);
  --nav-indicator: var(--color-text-accent);
  --nav-indicator-height: var(--border-width-thick);
  --nav-border: var(--color-border-subtle);
  --card-bg: var(--color-bg-surface);
  --card-bg-hover: var(--color-bg-surface-raised);
  --card-border: var(--color-border-subtle);
  --card-radius: var(--radius-md);
  --card-padding: var(--space-6);
  --card-padding-lg: var(--space-8);
  --card-gap: var(--space-4);
  --card-shadow: var(--elevation-raised);
  --stat-number: var(--color-text-primary);
  --stat-label: var(--color-text-secondary);
  --stat-meta: var(--color-text-tertiary);
  --stat-rule: var(--color-border-default);
  --stat-padding: var(--space-6);
  --stat-radius: var(--radius-md);
  --stat-bg: var(--color-bg-surface);
  --badge-height: 28px;
  --badge-padding-x: var(--space-3);
  --badge-radius: var(--radius-pill);
  --badge-bg: var(--color-bg-surface-raised);
  --badge-text: var(--color-text-primary);
  --badge-border: var(--color-border-default);
  --badge-live-dot: var(--color-live-dot);
  --badge-live-text: var(--color-live-text);
  --badge-live-border: var(--color-live-border);
  --badge-live-dot-size: 8px;
  --input-height: 52px;
  --input-padding-x: var(--space-4);
  --input-radius: var(--radius-md);
  --input-bg: var(--color-bg-surface);
  --input-text: var(--color-text-primary);
  --input-placeholder: var(--color-text-tertiary);
  --input-border: var(--color-border-control);
  --input-border-hover: var(--color-text-secondary);
  --input-border-focus: var(--color-border-focus);
  --input-border-error: var(--color-status-danger-fg);
  --input-label: var(--color-text-primary);
  --input-help: var(--color-text-tertiary);
  --link-color: var(--color-text-link);
  --link-color-hover: var(--color-text-link-hover);
  --link-underline-thickness: var(--border-width-hairline);
  --link-underline-offset: 3px;
  --logo-min-width-digital: 72px;
  --logo-min-width-print: 18mm;
  --logo-min-width-mark-digital: 16px;
  --logo-min-width-mark-print: 5mm;
  --logo-min-width-embroidery-wordmark: 40mm;
  --logo-min-width-lockup-digital: 120px;
  --logo-min-width-lockup-print: 30mm;
  --logo-min-width-watermark-mark: 48px;
  --logo-min-width-ingame-wordmark: 120px;
  --logo-height-nav-mobile: 20px;
  --logo-height-nav-desktop: 24px;
  --logo-height-footer: 32px;
  --logo-mark-mask-width: 69.4%;
  --logo-fill-default: var(--color-neutral-50);
  --logo-fill-mono-white: var(--color-neutral-0);
  --logo-fill-mono-black: var(--color-neutral-1000);
  --logo-fill-ink: var(--color-lilac-950);
  --logo-fill-lilac: var(--color-lilac-200);
  --logo-fill-lilac-deep: var(--color-lilac-700);
  --logo-plate-black: var(--color-neutral-1000);
  --logo-plate-ink: var(--color-lilac-950);
  --logo-plate-charcoal: var(--color-neutral-900);
  --logo-colourway-c04-fill: var(--logo-fill-lilac);
  --logo-colourway-c04-ground: var(--logo-plate-black);
  --logo-colourway-c01-fill: var(--logo-fill-default);
  --logo-colourway-c01-ground: var(--logo-plate-black);
  --logo-colourway-c07-fill: var(--logo-fill-lilac-deep);
  --logo-colourway-c07-ground: var(--color-brand-paper);
  --logo-colourway-c03-fill: var(--logo-fill-mono-white);
  --logo-colourway-c03-ground: var(--logo-plate-black);
  --logo-colourway-c09-fill: var(--logo-fill-mono-black);
  --logo-colourway-c09-ground: var(--color-brand-lilac);
  --logo-colourway-c13-fill: var(--logo-fill-default);
  --logo-colourway-c13-ground: var(--color-brand-lilac-deep);
  --pattern-ground-paper: var(--color-brand-paper);
  --pattern-ground-lilac: var(--color-brand-lilac);
  --pattern-ground-ink: var(--color-brand-black);
  --pattern-ground-deep: var(--color-brand-lilac-deep);
  --pattern-dots-on-lilac-quiet: var(--color-alpha-black-10);
  --pattern-dots-on-lilac-loud: var(--color-brand-lilac-deep);
  --pattern-dots-on-paper-quiet: var(--color-brand-lilac);
  --pattern-dots-on-paper-loud: var(--color-brand-lilac-soft);
  --pattern-dots-on-ink-quiet: var(--color-brand-lilac-deep);
  --pattern-dots-on-ink-loud: var(--color-brand-lilac-deep);
  --pattern-dots-on-deep-quiet: var(--color-brand-ink);
  --pattern-dots-on-deep-loud: var(--color-brand-lilac-soft);
  --pattern-corner-dot: var(--color-brand-lilac-deep);
  --pattern-tonal-v-quiet-opacity: var(--opacity-pressed);
}

@media (prefers-reduced-motion: reduce) {
  :root,
  [data-theme] {
    --motion-distance-rise: 0px;
    --motion-distance-nudge: 0px;
    --motion-scale-press: 1;
    --motion-scale-hover-media: 1;
    --motion-duration-entrance: 150ms;
    --motion-easing-spring: var(--motion-easing-standard);
    --button-lift: 0px;
    --button-ghost-bracket-scale-from: 1;
    --button-ghost-bracket-scale-press: 1;
  }
}