/* ============================================================
   1. DESIGN TOKENS
   The palette is now built from ONE hue — the turquoise off
   their building (#1FA8AE) — in four values. Text can never sit
   on the bright turquoise at small sizes (it only hits ~3:1
   against white), so the dark and pale values of the same hue
   do the heavy lifting and the bright one is used as flat fields.
   ============================================================ */
:root{
  --aqua:#1FA8AE;        /* the clapboard turquoise - flat fields */
  --aqua-deep:#0B5F65;   /* dark value - dark sections */
  --aqua-ink:#063A3F;    /* deepest value - body + headings */
  --aqua-tint:#DFF2F0;   /* pale wash - quiet sections */
  --gold:#B0803A;        /* logo gold */
  --gold-lift:#E0B269;   /* brighter gold for text on dark teal */
  --shell:#FBF6EC;       /* warm sand paper */
  --white:#FFFFFF;
  --line:rgba(6,58,63,.16);
  --line-light:rgba(255,255,255,.22);

  /* lifted from the boards */
  --board-paper:#F2E5C8;   /* the parchment stock */
  --board-teal:#15707A;    /* the colour their dish names are set in */
  --board-brown:#7C6A4C;   /* the small description text */
  --board-gold:#A97C2F;    /* their category headings */

  --display:"Fraunces",Georgia,"Times New Roman",serif;
  --body:"Barlow","Helvetica Neue",Arial,sans-serif;

  --t-hero:clamp(2.6rem,7.4vw,5.6rem);
  --t-h2:clamp(2rem,4.6vw,3.4rem);
  --t-h3:clamp(1.2rem,2.2vw,1.5rem);
  --t-body:clamp(1rem,1.15vw,1.09rem);

  --pad:clamp(1.25rem,5vw,5rem);
  --gap:clamp(2.5rem,6vw,5.5rem);
}