/* ============================================================
   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:      #F4F0E6;  /* page background */
  --bone-2:    #ECE6D6;  /* tinted bands, cards */
  --ink:       #16261C;  /* primary text */
  --forest:    #1E3A2B;  /* primary brand green */
  --lime:      #C6F035;  /* bright accent */
  --lime-deep: #9FCB1E;  /* darker accent (dots) */
  --clay:      #D8623B;  /* secondary accent (labels, stars) */
  --muted:     #5E6B5E;  /* 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:     22px;    /* default card corner radius */
  --radius-pill: 100px;  /* buttons / chips */
}