/* ============================================================
   COLOR TOKENS — single source of truth for every colour.
   ------------------------------------------------------------
   These are the BASE values (currently identical to the original
   hardcoded colours, so the site looks exactly the same).

   Later, per-year themes will override these same token names on
   `body[data-theme-year="…"]` so the whole palette shifts at once.
   To change a colour site-wide, edit it here — not in the other files.
   ============================================================ */
:root {
  /* ===== TEXT ===== */
  --moontext: #615c5a;          /* default body copy (moon mode) */
  --suntext: #8e5008;           /* titles / primary warm text */
  --text-muted: #817b77;        /* inactive nav, tabs, language + year options */
  --text-divider: #a09d9b;      /* the "|" and "·" separators */
  --text-mobile-notice: #bd9284;

  /* ===== ACCENTS (orange family) ===== */
  --accent: #8e5008;            /* hover accent */
  --accent-active: #884c03;     /* active language/year, song name, active tab text */
  --accent-deep: #5e2e05;       /* sunlight-mode emphasis + hovers */
  --accent-soft: #9e5e13;       /* back button, detail text in sunlight */
  --accent-underline: #a76820;  /* active tab underline bar */
  --accent-link: #dd7c1b;       /* inline video links (hover/active) */
  --title-hover: #c98819;       /* post title hover */
  --meta-hover: #c6bead;        /* date + description hover */

  /* ===== DECORATIVE ===== */
  --rule: #be8a65;              /* <hr> */
  --scroll-thumb: #ac744a;
  --scroll-thumb-hover: #986035;
  --chip-rgb: 226, 177, 134;    /* inline video chip background (used at varying alpha) */

  /* ===== GLOWS (rgb triplets for text-shadow rgba()) ===== */
  --glow-accent-active: 136, 76, 3;
  --glow-accent-hover: 237, 131, 1;
  --glow-accent-deep: 101, 55, 4;

  /* ===== BACKGROUND / SUNLIGHT SHIFT ===== */
  --sun: #ec9c6a;
  --moon: #fbf9fa;
  --sheen: #ffedc2;
  --shadow: #321e02;
}