/* ==========================================================================
   MedLink — design tokens
   The palette and type scale are lifted from the NHIC one-pager so the site
   and the printed brief read as one piece of work. Deep green stands in for
   black throughout; there is no true black anywhere on the page.
   ========================================================================== */

:root {
  /* ---- colour ---------------------------------------------------------- */
  --paper:        #fbfaf7;   /* warm off-white ground                        */
  --paper-sunk:   #f4f3ee;   /* recessed panels, form fields                 */
  --ink:          #16261d;   /* headings — deep green, used instead of black */
  --ink-soft:     #4a5a50;   /* body text                                    */
  --ink-faint:    #7c8a81;   /* captions, meta, disabled                     */
  --sage:         #5f8a72;   /* accent: labels, rules, active states         */
  --sage-deep:    #45705a;   /* accent on hover / on pale fills              */
  --wash:         #e9efea;   /* pale green card fill                         */
  --wash-edge:    #d7e2da;   /* borders on pale fills                        */
  --band:         #1b3326;   /* deep green full-bleed band                   */
  --band-soft:    #9db5a6;   /* muted text on the band                       */
  --rule:         #e0ded6;   /* hairlines on paper                           */

  /* Marks in the figures. Neutral means "counted but unexplained". */
  --mark-neutral: #c3cdc6;
  --mark-a:       #5f8a72;   /* treated and recovered    */
  --mark-b:       #8fae98;   /* returned                 */
  --mark-c:       #c08a5e;   /* referral never completed */
  --mark-d:       #9a7fa8;   /* diagnosis did not hold   */

  /* ---- type ------------------------------------------------------------ */
  --display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino,
             Georgia, "Times New Roman", serif;
  --text:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
             "Helvetica Neue", Arial, sans-serif;

  /* Fluid scale. Clamped so nothing collapses on a phone or balloons on a
     wide monitor — a funder may well open this on either. */
  --t-hero:   clamp(2.6rem, 1.4rem + 4.6vw, 5.1rem);
  --t-h2:     clamp(1.9rem, 1.2rem + 2.4vw, 3.1rem);
  --t-h3:     clamp(1.25rem, 1.05rem + 0.7vw, 1.55rem);
  --t-lead:   clamp(1.08rem, 1rem + 0.4vw, 1.3rem);
  --t-body:   1.0625rem;
  --t-small:  0.9375rem;
  --t-label:  0.75rem;

  /* ---- space ----------------------------------------------------------- */
  --gutter:   clamp(1.25rem, 0.6rem + 2.6vw, 3.5rem);
  --section:  clamp(4.5rem, 2.5rem + 7vw, 9rem);
  --measure:  38rem;         /* reading width for body copy                  */
  --shell:    76rem;         /* outer container                              */

  /* ---- other ----------------------------------------------------------- */
  --radius:   3px;           /* nearly square — documentary, not app-like    */
  --radius-lg: 6px;
  --ease:     cubic-bezier(0.22, 0.61, 0.36, 1);
  --slow:     720ms;
  --mid:      380ms;
  --fast:     180ms;
}

/* The page is deliberately light. Telling the browser so prevents form
   controls and scrollbars being force-darkened by the OS preference. */
:root { color-scheme: light; }

@media (prefers-reduced-motion: reduce) {
  :root { --slow: 1ms; --mid: 1ms; --fast: 1ms; }
}