:root {
  color-scheme: light;
  --color-ink: #16233b;
  --color-ink-soft: #3f4c63;
  --color-ink-muted: #566277;
  --color-brand: #165df5;
  --color-brand-dark: #0b46c5;
  --color-brand-soft: #eaf1ff;
  --color-accent: #12a594;
  --color-accent-dark: #087d71;
  --color-accent-soft: #e6f8f5;
  --color-warning-soft: #fff7df;
  --color-warning: #8a5a00;
  --color-surface: #ffffff;
  --color-surface-alt: #f6f8fc;
  --color-surface-raised: #ffffff;
  --color-border: #dce2ec;
  --color-border-strong: #c4ccda;
  --color-focus: #c86f00;
  --color-danger: #bd2c2c;
  --shadow-sm: 0 2px 8px rgb(17 33 64 / 8%);
  --shadow-md: 0 16px 40px rgb(17 33 64 / 12%);
  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.25rem;
  --radius-pill: 999px;
  --container: 78rem;
  --header-height: 5rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6rem;
  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --text-xs: 0.8rem;
  --text-sm: 0.94rem;
  --text-base: 1.05rem;
  --text-lg: clamp(1.12rem, 1vw + 0.78rem, 1.35rem);
  --text-xl: clamp(1.4rem, 1.7vw + 0.78rem, 1.85rem);
  --text-2xl: clamp(1.9rem, 3vw + 0.82rem, 2.95rem);
  --text-hero: clamp(2.6rem, 5.25vw + 0.65rem, 5.15rem);
}