/* ══════════════════════════════════════════════════════════════════
   theme.css -- the single, canonical source for the app's accent
   color family. Change the app's overall theme by editing the values
   here only.

   Everywhere else (style.css, watch.html, crooms-chat.html,
   watch-overlays.css, crooms-chat-overhaul.css, instant.html) still
   defines its own, differently-named variable for this same color
   (--vs-purple, --wov-purple, --vz-violet, --instant-purple, etc.) --
   rather than rewrite every one of the hundreds of existing CSS rules
   that already reference one of those names, each of those variables
   has been re-pointed to reference the ones defined here instead
   (e.g. --wov-purple: var(--theme-accent);). So the existing rules
   keep working unchanged, but the color they ultimately resolve to now
   comes from this one file.

   IMPORTANT: this file must be loaded BEFORE style.css / watch-overlays.css
   / crooms-chat-overhaul.css / any page's own inline <style> block on
   every page that loads it, so those files' own --vs-purple: var(--theme-accent)
   (etc.) declarations can actually resolve against these values.

   Scope note: this covers the accent/purple color family specifically
   -- the part of the "app theme" most associated with brand identity
   and most consistently duplicated across files. Background, surface,
   and text colors still vary intentionally page-by-page (e.g.
   watch.html's warmer base vs. crooms-chat.html's cooler one) and were
   left untouched, since unifying those was not asked for and carries
   a different, larger risk/benefit trade-off than that.

   Known gap (by design, not oversight): dozens of rules across these
   files hardcode this same color family directly as literal hex values
   in specific gradients (e.g. watch-overlays.css's
   "linear-gradient(135deg,#4f46e5,#7c3aed 58%,#a855f7)"), rather than
   referencing any variable at all. Those will NOT change when the
   values below change -- converting them is a separate, larger,
   distinct piece of work than this file covers.
   ══════════════════════════════════════════════════════════════════ */

:root {
  --theme-accent:       #8b5cf6;  /* primary brand/accent purple -- change this to retheme the app */
  --theme-accent-light: #a78bfa;  /* lighter variant, used for text-on-dark and hover states */
  --theme-accent-dark:  #7c3aed;  /* darker variant, used as a gradient stop in a few places */
  --theme-indigo:       #6366f1;  /* secondary accent, appears alongside the purple in most gradients */
  --theme-cyan:         #22d3ee;  /* tertiary accent, appears in some gradients */
  --theme-pink:         #ec4899;  /* tertiary accent, appears in some gradients */
}