/* ============================================================
   tokens.css  —  the design system for mariancbuford.com
   ------------------------------------------------------------
   The ENTIRE mood lives here. Change the palette below and the
   whole site follows. Swapping moods (Kiln, Riso, etc.) = editing
   the ~12 colour values in :root, nothing else.

   Current mood: HERITAGE — the colours Marian's dragons have worn
   since the early web. The page stays ink/paper/silver; the
   wyrmeling carries the full spectrum.
   ============================================================ */

:root {
  /* --- base: does the work ------------------------------- */
  --paper:        #FBFAF7;  /* page background                */
  --paper-raised: #FFFFFF;  /* cards, panels                  */
  --silver:       #C0C0C0;  /* web-safe silver — early-web nod */
  --ink:          #1A1718;  /* headings, wordmark             */
  --ink-soft:     #4A4548;  /* body copy                      */
  --ink-muted:    #6A6560;  /* secondary text                 */
  --meta:         #9A9590;  /* mono labels & metadata         */
  --hairline:     #E6E4DD;  /* dividers, borders              */
  --hairline-2:   #DAD8D0;  /* swatch / card borders          */

  /* --- the inherited spectrum (the dragon's colours) ----- */
  --limelight: #8EC615;
  --peacock:   #185F6F;
  --imperial:  #640393;
  --magenta:   #E23E92;  /* softened, intentionally          */
  --garnet:    #B0214E;

  /* --- roles: how colour is allowed to behave ------------ */
  --accent:       var(--peacock);   /* links, focus — calm, executive */
  --accent-flash: var(--magenta);   /* single emphasis "flash"        */

  /* --- type: three registers = the arc ------------------- */
  --font-wordmark: 'Pinyon Script', 'Apple Chancery', cursive;       /* the human  */
  --font-display:  'Fraunces', Georgia, 'Times New Roman', serif;    /* the polish */
  /* Heritage's literal board face was Playfair Display. To revert: */
  /* --font-display: 'Playfair Display', Georgia, serif;            */
  --font-body:     system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-meta:     'Space Mono', ui-monospace, 'SFMono-Regular', monospace; /* the code roots */

  /* --- type scale --------------------------------------- */
  --step--1: 0.84rem;
  --step-0:  1.0625rem;  /* 17px body */
  --step-1:  1.33rem;
  --step-2:  1.66rem;
  --step-3:  2.4rem;
  --step-4:  clamp(3rem, 8vw, 5.5rem);   /* big headings */
  --step-5:  clamp(4.5rem, 16vw, 9rem);  /* the wordmark */

  /* --- spacing (8px base) -------------------------------- */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2rem;
  --sp-5: 3rem;
  --sp-6: 4.5rem;
  --sp-7: 7rem;

  /* --- structure ---------------------------------------- */
  --measure: 62ch;          /* readable line length */
  --page-max: 1080px;
  --radius: 14px;
  --radius-sm: 10px;
  --hair: 0.5px;

  /* --- motion ------------------------------------------- */
  --ease: cubic-bezier(0.2, 0.65, 0.3, 1);
  --dur: 0.6s;
}