/* ==========================================================================
   Brand tokens

   Loaded FIRST, before header.css / typography.css / footer.css, so every
   other file can consume these. Nothing else in the project should contain a
   literal colour.

   The beiges are locked to OKLCH hue 75. Before this file existed the site ran
   two unrelated beige families: the header at hue 95 (yellow-green) and the
   Terra-derived footer at hue 49 (pink). 46 degrees apart, which read as
   grubbiness rather than as an obvious clash. One hue fixes it.

   Chroma rises as the ramp darkens (0 -> 0.006 -> 0.013). A flat chroma makes
   the darker beige go muddy; letting it climb keeps Sand warm next to the ink.

   The -rgb triplets exist so alpha variants stay on the token instead of
   forking into a second hardcoded colour:
       background: rgb(var(--yp-sand-rgb) / 0.82);
   ========================================================================== */

:root {
  /* White - oklch(1.000 0.000) - true white */
  --yp-white:      #ffffff;
  --yp-white-rgb:  255 255 255;

  /* Shell - oklch(0.980 0.006 75) - very bright beige, almost white */
  --yp-shell:      #fbf8f5;
  --yp-shell-rgb:  251 248 245;

  /* Sand - oklch(0.945 0.013 75) - slightly darker beige */
  --yp-sand:       #f2ece4;
  --yp-sand-rgb:   242 236 228;

  /* Ink - oklch(0.181 0.006 56) - warm near-black. 16:1 on Sand, 18.8:1 on
     White. Never pure #000: it goes cold next to the serif. */
  --yp-ink:        #14110f;
  --yp-ink-rgb:    20 17 15;
}