/* Farebné témy celej stránky – <html data-theme="…"> (nastavuje theme.js, voľba v localStorage).
   Poradie krúžkov: Kino (predvolená), Spájame, Sivá, Grafit. Téma „zelena“ (spájame.sk) je priamo v :root v site.css. */

/* Sivá: odtiene sivej */
:root[data-theme="siva"] {
  --bg: #e4e6e9; --panel: #f3f4f6; --card: #eaecef; --line: #cdd0d5; --text: #1f2125; --muted: #5d6168;
  --accent: #5b6170; --accent-dark: #3f444f; --accent-ink: #3f444f; --accent-soft: #d9dce1;
  --gradient: linear-gradient(135deg, #9097a3, #5b6170);
  --shadow: 0 10px 30px -12px rgba(31, 33, 37, 0.24);
  --glow-1: rgba(255, 255, 255, 0.45); --glow-2: rgba(91, 97, 112, 0.08); --backdrop: rgba(31, 33, 37, 0.4);
}

/* tmavé témy: spoločné farby chýb, upozornení a tieňov */
:root[data-theme="grafit"], :root[data-theme="kino"] {
  color-scheme: dark;
  --ok: #4ade80;
  --danger: #f87171; --danger-soft: rgba(248, 113, 113, 0.12); --danger-line: rgba(248, 113, 113, 0.4); --danger-text: #fecaca;
  --warn-soft: rgba(251, 191, 36, 0.1); --warn-line: rgba(251, 191, 36, 0.35); --warn-text: #fcd34d;
  --shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.65);
  --backdrop: rgba(0, 0, 0, 0.6);
}

/* Grafit: tmavosivá */
:root[data-theme="grafit"] {
  --bg: #1e2024; --panel: #2a2d32; --card: #24272b; --line: #3a3e45; --text: #e8e9eb; --muted: #a0a4ab;
  --accent: #c3c7ce; --accent-dark: #7d838d; --accent-ink: #d5d8dd; --accent-text: #1a1c1f; --accent-soft: rgba(195, 199, 206, 0.14);
  --gradient: linear-gradient(135deg, #d1d5db, #8b919b);
  --glow-1: rgba(255, 255, 255, 0.04); --glow-2: rgba(255, 255, 255, 0.03);
}

/* Kino: čierna so zlatou */
:root[data-theme="kino"] {
  --bg: #101010; --panel: #1b1b1b; --card: #151515; --line: #2f2f2f; --text: #f3efe7; --muted: #a69f92;
  --accent: #f5b942; --accent-dark: #b7800f; --accent-ink: #f7c868; --accent-text: #1c1405; --accent-soft: rgba(245, 185, 66, 0.14);
  --gradient: linear-gradient(135deg, #f7c65a, #ef8f3a);
  --glow-1: rgba(245, 185, 66, 0.06); --glow-2: rgba(239, 143, 58, 0.05);
}