/* ═══════════════════════════════════════════════════════════════════
   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:#107D38;
  --blue:#42ADF4; --blue-deep:#1272AE;
  --buttercup:#E49D23; --buttercup-deep:#98640D;
  --line:#E3E4E4;

  /* dark surfaces — for pages that run on the deep ink ground (tarot.html).
     --dark-ink-1..6 is a text ramp: 1 dimmest, 6 brightest short of white. */
  --ink-deep:#232326;
  --dark-hair:#35353A;    /* faint divider */
  --dark-edge:#3C3C41;    /* control borders, quote rules */
  --dark-seam:#5A5A61;    /* resting underline on a link */
  --dark-ink-1:#77777D;
  --dark-ink-2:#9A9AA0;
  --dark-ink-3:#A8A8AE;
  --dark-ink-4:#C8C8CD;
  --dark-ink-5:#DCDCDF;
  --dark-ink-6:#EDEDEF;
  --on-lime:#1C4F2C;      /* text sitting on a lime fill */
  --dark-scrim:rgba(0,0,0,.82);
  --shadow-card:rgba(0,0,0,.55);
  --shadow-tile:rgba(0,0,0,.45);

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

}