:root {
  --color-navy: #121a32;
  --color-ink: #0b0d12;
  --color-primary: #0130ce;
  --color-accent: #f4e400;
  --color-white: #fff;
  --color-surface: #f2f4f8;
  --color-text: #172038;
  --color-muted: #667085;
  --color-border: #d9dee8;
  --color-success: #087f5b;
  --color-warning: #b54708;
  --color-danger: #b42318;
  --font-sans: 'Montserrat', Arial, sans-serif;
  --space-page-inline: clamp(1.25rem, 4vw, 4rem);
  --space-section-block: clamp(4rem, 9vw, 8rem);
  --content-max: 75rem;
  --reading-max: 42rem;
  --radius-sm: 0.125rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.75rem;
  --radius-pill: 999px;
  --shadow-menu: 0 1rem 2rem rgba(18, 26, 50, 0.16);
  --focus-ring: 0 0 0 0.2rem var(--color-accent);
  --motion-fast: 180ms;
  --motion-standard: 320ms;
}