/* =========================================================
   ZUZU — Colour tokens (primitives)
   Source: Figma "Pigments for places worth remembering"
   https://www.figma.com/design/hi98L13mDTrxdau5O6mV6K/Untitled?node-id=985-52960

   Raw shade scales only — no semantic roles. Map these onto
   role tokens (--color-text, --color-surface, …) where used.
   Naming mirrors the Figma variables: <family>/<family>-<step>
   → --color-<family>-<step>.
   ========================================================= */

:root {
  /* ---------- Warm neutral scale ---------- */
  --color-neutral-0:   #fbf7ee;
  --color-neutral-10:  #e9e0ce; /* primary */
  --color-neutral-20:  #d4c8b4;
  --color-neutral-35:  #b1a18c;
  --color-neutral-50:  #817363;
  --color-neutral-65:  #5d4c41;
  --color-neutral-80:  #4a2b24;
  --color-neutral-100: #241a16;

  /* ---------- Vermilion ---------- */
  --color-vermilion-50:  #fce7df;
  --color-vermilion-100: #f8c6b7;
  --color-vermilion-200: #f49a82;
  --color-vermilion-400: #f26a4b;
  --color-vermilion-500: #f24a2a;
  --color-vermilion-700: #a92e20;
  --color-vermilion-900: #511b18;

  /* ---------- Botanical ---------- */
  --color-botanical-50:  #eeeddc;
  --color-botanical-100: #d5d2ab;
  --color-botanical-200: #afad72;
  --color-botanical-400: #73713e;
  --color-botanical-500: #4a4b2c;
  --color-botanical-700: #34351f;
  --color-botanical-900: #202114;

  /* ---------- Antique gold ---------- */
  --color-antique-gold-50:  #f5edd5;
  --color-antique-gold-100: #e8d6a5;
  --color-antique-gold-200: #d3b76e;
  --color-antique-gold-400: #b28a38;
  --color-antique-gold-500: #92702e;
  --color-antique-gold-700: #654c20;
  --color-antique-gold-900: #3a2c18;

  /* ---------- Wine velvet ---------- */
  --color-wine-velvet-50:  #f1e0e2;
  --color-wine-velvet-100: #ddb7bd;
  --color-wine-velvet-200: #b87883;
  --color-wine-velvet-400: #783445;
  --color-wine-velvet-500: #4a1825;
  --color-wine-velvet-700: #34101a;
  --color-wine-velvet-900: #1f0b10;

  /* ---------- Midnight blue ---------- */
  --color-midnight-blue-50:  #eaf2f7;
  --color-midnight-blue-100: #c7d7e2;
  --color-midnight-blue-200: #8ea7c2;
  --color-midnight-blue-400: #5e7f9a;
  --color-midnight-blue-500: #3b5b74;
  --color-midnight-blue-700: #2a4459;
  --color-midnight-blue-900: #172b3e;

  /* ---------- Single-tone pigments (no ramp in Figma) ---------- */
  --color-oxidised-brick-500: #8e392c;
  --color-dusty-lilac-500:    #c9a8c5;
}