/* =============================================================
   Colour tokens — the only file you need to edit to retheme.
   Modern (dark) theme : :root block
   Classic (warm) theme: html.theme-classic block
   ============================================================= */

/* --- Modern theme ------------------------------------------ */
:root {
  --bg-base:     #09090f;
  --bg-surface:  #0f1018;
  --bg-elevated: #161825;
  --border-dim:  #1d2035;
  --border:      #262a40;
  --border-lit:  #363b58;

  --text-1: #e8eaf2;
  --text-2: #868ea8;
  --text-3: #454d6a;

  --green:  #00d97e;
  --blue:   #4f8ef7;
  --purple: #8b5cf6;
  --cyan:   #22d3ee;
  --orange: #fb923c;
  --red:    #f87171;
}

/* --- Classic theme ----------------------------------------- */
html.theme-classic {
  --bg-base:     #edddca;
  --bg-surface:  #dbccb7;
  --bg-elevated: #c0aa8a;
  --border-dim:  #a89374;
  --border:      #948163;
  --border-lit:  #79674c;

  --text-1: #1c1810;
  --text-2: #362d18;
  --text-3: #625440;

  --green:  #1a6b45;
  --blue:   #1d3f80;
  --purple: #5b3fa0;
  --cyan:   #146b6b;
  --orange: #b04800;
  --red:    #b02020;
}