/* Attending Health — design tokens, extracted verbatim from the approved mock
   (Attending Clinical Reference.dc.html, v7 — the medical-publication redesign).
   Do not invent values.

   v7 replaces the v6 "clinical SaaS" palette (bright blue on flat white, all-sans)
   with a newsroom palette: navy ink, a deeper editorial blue, warm amber and
   critical-red callouts, per-specialty kicker colours, and serif prose.

   The token NAMES are unchanged from v6 wherever a v6 name still describes the
   role, so the existing stylesheet re-skins rather than being rewritten. Where a
   v6 name has no v7 meaning it keeps its nearest value rather than being deleted —
   removing it would break rules that are still correct, just not yet restyled.

   TYPEFACES. The mock loads Archivo and Source Serif 4 from Google Fonts. This
   property may not make an external request of any kind (CLAUDE.md rule 7, and
   tests/test_site.py asserts no @font-face and no external url()), so both are
   local-first stacks: the real face if the OS has it, a close system fallback
   otherwise. The serif/sans *contrast* is what carries the design, and that
   survives the fallback in both directions. */
:root{
  /* brand ------------------------------------------------------------------ */
  --ah-blue:#0B5FCE; --ah-blue-hover:#073A80; --ah-blue-700:#0B5FCE;
  --ah-blue-600:#12315C; --ah-blue-400:#6D97C4;
  --ah-blue-pale:#A9CDF7;              /* on-navy eyebrow */
  --ah-blue-deep:#12315C;              /* spotlight card ground */

  /* ink + text ------------------------------------------------------------- */
  --ah-ink:#0B1B2B;                    /* headings, rules, top strip, footer */
  --ah-navy:#0B1B2B;
  --ah-prose:#24313D;                  /* serif body copy — darker than UI text */
  --ah-body:#55636F; --ah-body-strong:#45535F; --ah-body-2:#33404D;
  /* CONTRAST. The mock's greys are drawn, not measured, and three of them fail
     WCAG AA (4.5:1) for normal-size text on their own background:
       #93A1AE on white  2.64   meta + placeholder
       #7A8794 on white  3.67   card meta, rail meta, timestamps
       #6D8399 on ink    4.44   footer rule
     Each is darkened (or lightened, on ink) to the nearest value that clears 4.5
     while staying on the same hue, so the drawing's intent survives and the text
     is legible. No "soft" escape hatch is kept: every remaining use of these tokens
     is content or a placeholder standing in for a label, and a token that fails AA
     sitting in the file is a footgun for whoever styles the next component. */
  --ah-muted:#6A7681;                  /* 4.64 on white */
  --ah-muted-2:#6A7681;                /* 4.64 on white */
  --ah-muted-3:#C9D4DE;                /* large numerals only, decorative */
  --ah-on-dark:#A9BDD0;                /* 9.02 on ink */
  --ah-on-dark-2:#7A8FA4;              /* 5.22 on ink */

  /* lines ------------------------------------------------------------------ */
  --ah-line:#DCE3EA; --ah-line-2:#EBEFF3; --ah-line-blue:#E4E9EE;
  --ah-line-blue-2:#E4E9EE; --ah-line-soft:#EBEFF3; --ah-line-dark:#17293B;

  /* surfaces --------------------------------------------------------------- */
  --ah-white:#FFFFFF;
  --ah-tint:#F2F7FD;                   /* blue tint — key points, bottom line */
  --ah-tint-2:#F2F7FD; --ah-tint-3:#F2F5F8; --ah-tint-4:#F2F5F8;
  --ah-tint-5:#F2F7FD; --ah-tint-6:#E4E9EE;
  --ah-grey:#F2F5F8;                   /* neutral panel */
  --ah-grey-2:#F7F9FB;                 /* table/widget header */
  --ah-dark:#0B1B2B; --ah-dark-2:#17293B;

  /* Paper. Sampled from the engraved plates' own ground (canvas read of the four
     corners of plate-21: #F7DEB6 / #FAE3C1 / #FFE7C3 / #FDE5C2), so a band behind a
     plate is the same colour as the plate and there is no rectangle to see. Guessing
     this produced a visible seam, which is what made the first area masthead look
     pasted on. The plate is feathered on top of it, so a small residual difference
     dissolves rather than drawing a line. */
  --ah-paper:#FBE5C3;
  --ah-paper-soft:#FDF1DF;             /* the same ground, lifted, for wide bands */
  --ah-paper-line:#EED9B6;

  /* semantic --------------------------------------------------------------- */
  --ah-danger:#C0392B; --ah-danger-bg:#FDECEE; --ah-danger-ink:#7C241A;
  --ah-warn:#B5651B; --ah-warn-bg:#FEF6E7; --ah-warn-ink:#6B4A16;
  --ah-success:#0E7A55; --ah-success-bg:#E7F3EC; --ah-success-bg-2:#F6FBF8;

  /* specialty kickers ------------------------------------------------------- */
  /* The v7 mock assigns one saturated hue per therapeutic area — violet, crimson,
     teal, magenta, amber. Rendered across a nav bar and a page of cards it reads
     as a children's chart, not a clinical reference: seven competing accents, none
     of them meaning anything a reader can act on.
     So the kicker is now *typographic*, not chromatic — weight, size and tracking
     carry it, and all seven resolve to slate. The single blue accent stays for
     interactive elements only, which is what makes a link legible as a link.
     Kept as seven separate tokens so a future decision to reintroduce hue has a
     place to land, and so `area_hue()` and every template keep working unchanged. */
  --ah-sp-endo:#45535F; --ah-sp-cardio:#45535F; --ah-sp-id:#45535F;
  --ah-sp-neuro:#45535F; --ah-sp-onc:#45535F;
  --ah-sp-policy:#45535F; --ah-sp-pharm:#45535F;

  /* radii ------------------------------------------------------------------ */
  --ah-r-xs:4px; --ah-r-sm:8px; --ah-r:9px; --ah-r-md:10px; --ah-r-lg:12px;
  --ah-r-xl:14px; --ah-r-2xl:18px; --ah-r-pill:999px;

  /* shadows ---------------------------------------------------------------- */
  --ah-sh-xs:0 1px 2px rgba(11,27,43,.04);
  --ah-sh-sm:0 1px 3px rgba(11,27,43,.10);
  --ah-sh:0 4px 16px rgba(11,27,43,.06);
  --ah-sh-lg:0 10px 28px rgba(11,27,43,.10);
  --ah-sh-xl:0 24px 64px rgba(11,27,43,.16);
  --ah-sh-up:0 -6px 28px rgba(11,27,43,.13);

  /* layout ----------------------------------------------------------------- */
  --ah-w-prose:720px; --ah-w-narrow:620px; --ah-w-mid:880px;
  --ah-w-wide:1160px; --ah-w-max:1360px;
  --ah-gutter:32px;
  --ah-rail-l:250px; --ah-rail-r:300px;   /* home three-column rails */
  --ah-header-h:68px; --ah-strip-h:34px;
  --ah-sticky-top:84px;
  /* WCAG 2.2 SC 2.5.8 Target Size (Minimum), AA. Not a type size and not a
     spacing step — it is the floor on how small a *pointer target* may be, and
     the chrome's 11.5–14px links sit well under it on their own line boxes. */
  --ah-tap-min:24px;

  /* type ------------------------------------------------------------------- */
  --ah-font:Archivo,'Archivo Expanded',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ah-serif:'Source Serif 4','Source Serif Pro','Source Serif',Georgia,
             'Iowan Old Style','Times New Roman',serif;
  --ah-track-tight:-.028em;            /* display headings */
  --ah-track-eyebrow:.12em;            /* uppercase section rules */
}