/* ============================================================================
   Operator theme presets.  Set  <html data-theme="...">  per operator
   (loaded once at login from the account's ThemeId — zero per-request cost).
   :root = the current Enigma look, so existing/unset accounts change NOTHING.
   Only --brand / --brand-d / --accent vary per theme; the tints derive
   automatically via color-mix, so one set of rules themes every page.
   ============================================================================ */
:root{
  --brand:#4B6F0A;            /* primary (was hardcoded #4B6F0A olive)      */
  --brand-d:#3D5A08;          /* darker primary — hover (was #3d5a08)       */
  --accent:#E5A100;           /* accent / highlight (was #E5A100 gold)      */
  --brand-on:#ffffff;         /* text/icon on a brand fill                  */
  --brand-soft:color-mix(in srgb, var(--brand)  8%, #fff);  /* soft panel bg */
  --brand-tint:color-mix(in srgb, var(--brand) 14%, #fff);  /* icon chip bg  */
  --brand-ring:color-mix(in srgb, var(--brand) 22%, #fff);  /* subtle border */
  /* neutrals — light by default; only the dark theme overrides these */
  --surface:#ffffff;          /* card / panel background (matches staff shell) */
  --bg:#f3f4f6;               /* page background behind cards               */
  --text:#0f172a;             /* primary text                              */
  --text2:#334155;            /* secondary text                            */
  --muted:#64748b;            /* muted / placeholder text                  */
  --line:#e5e7eb;             /* hairline borders                          */
  --nav:#475569;              /* nav item text                             */
}
[data-theme="enigma"] { --brand:#4B6F0A; --brand-d:#3D5A08; --accent:#E5A100; }   /* Enigma Experience — same as :root default (the primary brand, always kept) */
[data-theme="green"]  { --brand:#1BA64A; --brand-d:#15803D; --accent:#10B981; }   /* Fresh Green (OneBloc) */
[data-theme="ocean"]  { --brand:#2563EB; --brand-d:#1D4ED8; --accent:#38BDF8; }   /* Ocean Blue            */
[data-theme="indigo"] { --brand:#4F46E5; --brand-d:#4338CA; --accent:#818CF8; }   /* Indigo                */
[data-theme="teal"]   { --brand:#0D9488; --brand-d:#0F766E; --accent:#2DD4BF; }   /* Teal                  */
[data-theme="violet"] { --brand:#7C3AED; --brand-d:#6D28D9; --accent:#A78BFA; }   /* Violet                */
[data-theme="slate"]  { --brand:#475569; --brand-d:#334155; --accent:#3B82F6; }   /* Slate (neutral)       */
[data-theme="rose"]   { --brand:#E11D48; --brand-d:#BE123C; --accent:#FB7185; }   /* Rose                  */
[data-theme="amber"]  { --brand:#D97706; --brand-d:#B45309; --accent:#FBBF24; }   /* Amber (warm)          */
[data-theme="midnight"]{ --brand:#1E3A8A; --brand-d:#172554; --accent:#3B82F6; } /* Midnight (deep navy)  */
[data-theme="fuchsia"] { --brand:#C026D3; --brand-d:#A21CAF; --accent:#E879F9; } /* Fuchsia               */
[data-theme="mono"]    { --brand:#18181B; --brand-d:#000000; --accent:#52525B; } /* Mono (white + black)  */
/* Mono is a LIGHT theme, not a dark one. It keeps the :root neutrals, so the white surfaces and dark
   text that every un-tokenised inner page still hardcodes continue to read correctly. Its soft/tint/ring
   shades are color-mix(brand, white), which on a near-black brand resolve to clean greys on their own.
   #18181B rather than #000 for the fill: pure black over a large area makes white text vibrate.
   For a genuinely dark UI use "black" below - and read the warning on it first. */

/* Black = full dark mode. Unlike the colour themes it also flips the neutral
   surfaces/text, so the page sweep must drive backgrounds/borders/text from the
   --surface/--bg/--text/--line vars (not hardcoded #fff / dark) for it to render
   everywhere. --brand becomes near-white so buttons/active states pop on black. */
[data-theme="black"] {
  --brand:#F4F4F5; --brand-d:#D4D4D8; --accent:#FAFAFA; --brand-on:#0A0A0A;
  --surface:#161618; --bg:#0C0C0E; --text:#E7E7EA; --text2:#D4D4D8;
  --muted:#8B8B93; --line:#2A2A2E; --nav:#B4B4BB;
  --brand-soft:rgba(255,255,255,.10); --brand-tint:rgba(255,255,255,.14); --brand-ring:rgba(255,255,255,.20);
}