/* Theme variables (switchable). */
:root {
  --radius: 18px;
  --radius-sm: 12px;
  --shadow: 0 14px 40px rgba(0,0,0,.35);
  --shadow-soft: 0 10px 30px rgba(0,0,0,.22);
  --border: rgba(255,255,255,.10);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.68);
  --muted2: rgba(255,255,255,.55);
  --ok: #2be4a7;
  --bad: #ff4d6d;
  --warn: #ffd166;
  --focus: rgba(120, 169, 255, .55);
  --site-sleek-bg-image: url("../images/01.avif");
  --site-wow-bg-image: url("../images/01.avif");
}

/* строгий минимализм */
:root[data-theme="sleek"]{
  --bg: radial-gradient(1200px 700px at 20% 10%, rgba(93, 146, 255,.18), transparent 60%),
        radial-gradient(900px 500px at 80% 30%, rgba(58, 255, 198,.10), transparent 55%),
        linear-gradient(180deg, #0b1020, #070913 65%, #05060f);
  --panel: rgba(255,255,255,.06);
  --panel2: rgba(255,255,255,.08);
  --accent: #7aa7ff;
  --accent2: #2be4a7;
  --heroGlow: radial-gradient(900px 500px at 50% 20%, rgba(122,167,255,.18), transparent 60%);
  --bg-image: var(--site-sleek-bg-image, url("../images/01.avif"));
}

/* более атмосферный WoW-стайл (аккуратно, без перегруза) */
:root[data-theme="wow"]{
  --bg: radial-gradient(1100px 650px at 30% 5%, rgba(255, 196, 109,.16), transparent 60%),
        radial-gradient(900px 600px at 70% 25%, rgba(113, 200, 255,.12), transparent 55%),
        linear-gradient(180deg, #0a0c10, #08060d 70%, #06050a);
  --panel: rgba(12, 10, 18, .52);
  --panel2: rgba(12, 10, 18, .62);
  --accent: #ffc46d;
  --accent2: #71c8ff;
  --heroGlow: radial-gradient(900px 520px at 45% 18%, rgba(255,196,109,.18), transparent 60%);
  --bg-image: var(--site-wow-bg-image, url("../images/01.avif"));
}

@media (prefers-color-scheme: light) {
  /* если пользователь в светлой теме ОС, делаем “чуть светлее”, но не ломаем стиль */
  :root{
    --text: rgba(255,255,255,.94);
  }
}