/* ============================================================
   DESIGN TOKENS
   This is the file to edit when you want to rebrand.
   Change a color or font here and it updates everywhere.
   ============================================================ */

:root {
  /* ---- Brand colors ---- */
  --bone:      #F8F5EA;  /* page background */
  --bone-2:    #EFE8D7;  /* tinted bands, cards */
  --ink:       #17241B;  /* primary text */
  --forest:    #28533A;  /* primary brand green */
  --lime:      #B8D95B;  /* bright accent */
  --lime-deep: #739A3B;  /* darker accent (dots) */
  --clay:      #B66A45;  /* secondary accent (labels, stars) */
  --sky:       #E6F1EE;  /* light cool accent */
  --gold:      #E6C76B;  /* warm accent */
  --muted:     #5F685D;  /* secondary text */
  --line:      rgba(22, 38, 28, 0.13); /* hairline borders */

  /* ---- Typography ---- */
  --font-display: 'Fraunces', Georgia, serif;     /* headings */
  --font-body:    'Hanken Grotesk', system-ui, sans-serif; /* everything else */

  /* ---- Layout ---- */
  --maxw:       1120px;  /* content max width */
  --gutter:     28px;    /* side padding */
  --radius:     8px;     /* default card corner radius */
  --radius-pill: 100px;  /* buttons / chips */
}