/*
  Design tokens — single source of truth for color and type.
  Copied verbatim from the brand manual. Do not hardcode colors or
  fonts anywhere else in the codebase; reference these variables
  (or the derived ones at the top of main.css) instead.
*/
:root {
  --navy:  #0B2D6B;
  --cyan:  #40C2F1;
  --white: #FFFFFF;

  --brand-primary: var(--navy);
  --brand-accent:  var(--cyan);
  --cta:           var(--cyan);
  --text:          var(--navy);
  --text-muted:    #5A6B8C;
  --surface:       var(--white);
  --surface-alt:   #F4F8FC;

  --font-display: 'Comfortaa', system-ui, sans-serif;
  --font-heading: 'Montserrat', system-ui, sans-serif;
  --font-body:    'Montserrat', system-ui, sans-serif;

  --fs-h1:    clamp(2rem, 5vw, 3.25rem);
  --fs-h2:    clamp(1.5rem, 3.5vw, 2.25rem);
  --fs-h3:    1.25rem;
  --fs-body:  1rem;
  --fs-small: 0.875rem;

  --fw-body: 400;
  --fw-med:  500;
  --fw-semi: 600;
  --fw-bold: 700;
}