:root, :root[data-theme='light'] {
  color-scheme: light;
  --font-body: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-heading: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --heading-weight: 700;
  --heading-letter-spacing: -0.02em;
  --heading-transform: none;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --space-unit: 4px;
  --shadow-sm: 0 1px 2px rgb(7 16 31 / 0.06);
  --shadow-md: 0 8px 24px -8px rgb(7 16 31 / 0.18);
  --button-radius: var(--radius-pill);
  --button-weight: 600;
  --button-transform: none;
  --button-primary-bg: var(--color-primary);
  --button-primary-fg: var(--color-on-primary);
  --button-primary-border: var(--color-primary);
  --button-primary-bg-hover: color-mix(in srgb, var(--color-primary) 86%, var(--color-bg));
  --card-bg: var(--color-surface);
  --card-border: var(--color-divider);
  --card-shadow: none;
  --card-image-ratio: 3 / 2;
  --header-position: sticky;
  --motion-duration-fast: 120ms;
  --motion-duration: 200ms;
  --font-size-xs: 0.6944rem;
  --font-size-sm: 0.8333rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.2rem;
  --font-size-xl: 1.44rem;
  --font-size-2xl: 1.728rem;
  --font-size-3xl: 2.0736rem;
  --font-size-4xl: 2.4883rem;
  --color-primary: #173f8a;
  --color-on-primary: #ffffff;
  --color-secondary: #16191d;
  --color-on-secondary: #ffffff;
  --color-accent: #3d4a5c;
  --color-on-accent: #ffffff;
  --color-link: #1a4aa3;
  --color-bg: #f6f7f9;
  --color-surface: #ffffff;
  --color-surface-alt: #eef0f3;
  --color-text: #111418;
  --color-text-muted: #525b67;
  --color-border: #7f8794;
  --color-focus-ring: #1a4aa3;
  --color-success: #16794a;
  --color-warning: #965a00;
  --color-danger: #b42318;
  --color-info: #1a4aa3;
  --color-overlay: rgb(11 13 16 / 0.6);
}

:root[data-theme='dark'] {
  color-scheme: dark;
  --color-primary: #8eaef0;
  --color-on-primary: #0d1117;
  --color-secondary: #e4e7ec;
  --color-on-secondary: #0f1216;
  --color-accent: #aab6c6;
  --color-on-accent: #0f1216;
  --color-link: #a2bdf5;
  --color-bg: #0f1114;
  --color-surface: #16191e;
  --color-surface-alt: #1d2127;
  --color-text: #eceef1;
  --color-text-muted: #a4acb8;
  --color-border: #6b7380;
  --color-focus-ring: #a2bdf5;
  --color-success: #56c290;
  --color-warning: #e8b04e;
  --color-danger: #f2958c;
  --color-info: #8eaef0;
  --color-overlay: rgb(0 0 0 / 0.65);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    color-scheme: dark;
    --color-primary: #8eaef0;
    --color-on-primary: #0d1117;
    --color-secondary: #e4e7ec;
    --color-on-secondary: #0f1216;
    --color-accent: #aab6c6;
    --color-on-accent: #0f1216;
    --color-link: #a2bdf5;
    --color-bg: #0f1114;
    --color-surface: #16191e;
    --color-surface-alt: #1d2127;
    --color-text: #eceef1;
    --color-text-muted: #a4acb8;
    --color-border: #6b7380;
    --color-focus-ring: #a2bdf5;
    --color-success: #56c290;
    --color-warning: #e8b04e;
    --color-danger: #f2958c;
    --color-info: #8eaef0;
    --color-overlay: rgb(0 0 0 / 0.65);
  }
}