/* ============================================================
   WeLab — Colour tokens
   The six brand colours. CMYK-safe, high contrast, matte print.
   Use the exact hexes. Colour is assigned BY CLUSTER (see below),
   never picked ad hoc.
   ============================================================ */
:root {
  /* --- Base palette (the only six colours) --- */
  --crimson:    #6E1A1A; /* warm saturated red */
  --ink:        #0C0908; /* near-black, "the dark" */
  --gold:       #E8B25C; /* lit warm accent (gold leaf) */
  --lapis:      #1A2E58; /* the one cool note — brand signature */
  --bone:       #E8D6B8; /* light neutral surface */
  --near-white: #FAF6EE; /* URL/QR text on dark grounds ONLY — never for birds */

  /* --- Semantic surfaces (sticker field backgrounds) --- */
  --field-tender:    var(--bone);
  --field-warm:      var(--crimson);
  --field-alive:     var(--gold);
  --field-charged:   var(--crimson);
  --field-dark:      var(--ink);
  --field-spiritual: var(--lapis);
  --field-norm:      var(--ink);

  /* --- Semantic word colours per cluster --- */
  --word-tender:    var(--crimson);
  --word-warm:      var(--gold);
  --word-alive:     var(--ink);
  --word-charged:   var(--gold);
  --word-dark:      var(--gold);
  --word-spiritual: var(--gold);
  --word-norm:      var(--near-white);

  /* --- Footer URL / QR text colours per cluster --- */
  --url-tender:    var(--ink);
  --url-warm:      var(--near-white);
  --url-alive:     var(--ink);
  --url-charged:   var(--near-white);
  --url-dark:      var(--near-white);
  --url-spiritual: var(--near-white);
  --url-norm:      var(--near-white);

  /* QR tile — placed on dark fields so the code stays scannable */
  --qr-tile: var(--bone);
}