/* ═══════════════════════════════════════════════════════════════════
   LEARN TO SCALE — DESIGN TOKENS
   The ONLY place colors, fonts, and shared scale live.
   Change a value here, it changes everywhere. Never hardcode hex
   values inside page files or main.css sections.
═══════════════════════════════════════════════════════════════════ */
:root{
  /* palette */
  --white:#FFFFFF; --mist:#F6F7F7; --ink:#33343A; --dimgrey:#6D6E70;
  --lime:#56FA56; --lime-soft:#DDF7DD; --lime-deep:#149C46;
  --blue:#42ADF4; --blue-deep:#1272AE;
  --buttercup:#E49D23; --buttercup-deep:#A96F0E;
  --line:#E3E4E4;

  /* type — Poppins/Figtree are web stand-ins for Gilroy/Altivo (brand book) */
  --font-head:"Poppins",sans-serif;
  --font-body:"Figtree",sans-serif;

  /* placeholder flagging (draft phase only — delete at cutover) */
  --flag-bg:#FFF3CD; --flag-border:#E49D23;
}