/* THIRE theme system — Star Wars permutations over RED BLACK WHITE GOLD.
   CSP-friendly: external only; tokens override the base --bg/--fg/--accent set. */

:root,
:root[data-theme="empire"] {
  --bg: #0b0e12;            /* BLACK */
  --fg: #f5f7fa;            /* WHITE */
  --muted: #9aa7b4;
  --accent: #ff3b30;        /* RED */
  --accent2: #d4af37;       /* GOLD */
  --line: #1e2733;
  --camo-fg: #7a8694;
  --camo-bg: #0f1216;
}

:root[data-theme="stormtrooper"] {
  --bg: #f4f6f8;            /* WHITE */
  --fg: #111417;            /* BLACK */
  --muted: #5b6671;
  --accent: #cc0000;        /* RED */
  --accent2: #8f6b00;       /* GOLD (high-contrast) */
  --line: #d5dbe1;
  --camo-fg: #4a545e;
  --camo-bg: #eef1f4;
}

:root[data-theme="royal"] {
  --bg: #0b0e12;            /* BLACK */
  --fg: #f5f7fa;            /* WHITE */
  --muted: #9aa7b4;
  --accent: #d4af37;        /* GOLD */
  --accent2: #b91c28;       /* CRIMSON */
  --line: #2a2310;
  --camo-fg: #a58d4a;
  --camo-bg: #12100a;
}

:root[data-theme="sith"] {
  --bg: #050505;            /* BLACK */
  --fg: #e8e6e3;            /* WHITE(ish) */
  --muted: #8a8580;
  --accent: #ff3b30;        /* RED */
  --accent2: #d4af37;       /* GOLD */
  --line: #201818;
  --camo-fg: #6d6662;
  --camo-bg: #0a0908;
}

/* Camouflage A — discreet institutional facade (muted grey). */
html.camo-institutional {
  --bg: #eef0f2;
  --fg: #2b3138;
  --muted: #6b7580;
  --accent: #445663;
  --accent2: #7c8a37;
  --line: #d3dae0;
}

/* Camouflage B — maintenance facade (amber, looks parked). */
html.camo-maintenance {
  --bg: #141414;
  --fg: #d9d9d9;
  --muted: #999;
  --accent: #c8950c;
  --accent2: #c8950c;
  --line: #2a2a2a;
}

[hidden] { display: none !important; }
:focus-visible { outline: 2px solid var(--accent2, var(--accent)); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}