/* NEON — схема по умолчанию (владелец палитр — этот модуль) */
:root {
  /* стеклянная панель: СВЕТЛЫЙ лифт над чёрным (не чёрное по чёрному!),
     кайма/уголки ярче, верхний блик жирнее, тень гасит свечение фона
     вокруг плитки + лёгкий акцентный ореол */
  --panel-bg: rgba(158, 200, 235, 0.12);
  --panel-corner: rgba(3, 216, 243, 0.65);
  --panel-border: rgba(3, 216, 243, 0.32);
  --panel-shadow: 0 2px 10px rgba(0, 0, 0, 0.5), 0 20px 55px rgba(0, 0, 0, 0.7),
                  0 0 22px rgba(3, 216, 243, 0.07);
  --panel-hl: rgba(255, 255, 255, 0.13);   /* верхняя кромка-блик */

  /* Base colors */
  --bg: #000000;
  --bg-alt: #00060E;
  --text: #FFFFFF;
  --text-body: #C9D1E0;   /* абзацы/списки — читаемое, но не белое */
  --text-dim: #8A92A6;    /* только второстепенное: мета, подписи, даты */

  /* Neon accents */
  --neon-yellow: #FCEE0C;
  --neon-cyan: #03D8F3;
  --neon-magenta: #FF00FF;
  --neon-blue: #02D7F2;
  
  /* Borders & shadows */
  --border: #1A1F2E;

  /* анимированный фон (style.css body::before/::after) */
  --grid-1: rgba(3, 216, 243, 0.16);
  --grid-2: rgba(255, 0, 255, 0.07);
  --blob-1: rgba(255, 0, 255, 0.13);
  --blob-2: rgba(3, 216, 243, 0.13);
  --blob-3: rgba(252, 238, 12, 0.05);
  --glow-yellow: 0 0 10px rgba(252, 238, 12, 0.5);
  --glow-cyan: 0 0 10px rgba(3, 216, 243, 0.5);
}

/* Модуль themes: палитры. Тема = переопределение переменных :root на
   html[data-theme=...]. Дефолт — без атрибута (neon, см. style.css). */

/* PHOSPHOR — CRT-терминал, фосфорно-зелёный нуар */
html[data-theme='phosphor'] {
  /* стеклянная панель: зелёный лифт над чёрным */
  --panel-bg: rgba(120, 255, 180, 0.08);
  --panel-corner: rgba(60, 255, 142, 0.65);
  --panel-border: rgba(60, 255, 142, 0.34);
  --panel-shadow: 0 2px 10px rgba(0, 0, 0, 0.55), 0 20px 55px rgba(0, 0, 0, 0.72),
                  0 0 22px rgba(60, 255, 142, 0.09);
  --panel-hl: rgba(220, 255, 232, 0.13);

  --bg: #000500;
  --bg-alt: #00220B;
  --text: #D9FFE6;
  --text-body: #A8EFC0;
  --text-dim: #4E8A63;
  --neon-yellow: #7DFFB2;
  --neon-cyan: #3CFF8E;
  --neon-magenta: #B4FFCE;
  --neon-blue: #3CFF8E;
  --border: #0B3A20;
  --glow-yellow: 0 0 10px rgba(60, 255, 142, 0.5);
  /* фон в тон темы: зелёная сетка + мягкие пятна */
  --grid-1: rgba(60, 255, 142, 0.16);
  --grid-2: rgba(60, 255, 142, 0.06);
  --blob-1: rgba(60, 255, 142, 0.12);
  --blob-2: rgba(185, 255, 209, 0.08);
  --blob-3: rgba(60, 255, 142, 0.05);
  --glow-cyan: 0 0 10px rgba(60, 255, 142, 0.5);
}

/* ICE — холодный: циан во главе, спокойнее для глаз */
html[data-theme='ice'] {
  /* стеклянная панель: ледяной лифт над чёрным */
  --panel-bg: rgba(175, 225, 255, 0.11);
  --panel-corner: rgba(95, 232, 255, 0.65);
  --panel-border: rgba(95, 232, 255, 0.34);
  --panel-shadow: 0 2px 10px rgba(0, 5, 15, 0.5), 0 20px 55px rgba(0, 5, 15, 0.7),
                  0 0 22px rgba(95, 232, 255, 0.08);
  --panel-hl: rgba(235, 250, 255, 0.13);

  --bg: #00030A;
  --bg-alt: #04101F;
  --text: #F2F8FF;
  --text-body: #C6D8EC;
  --text-dim: #6C7F99;
  --neon-yellow: #BFEFFF;
  --neon-cyan: #5FE8FF;
  --neon-magenta: #9AE6FF;
  --neon-blue: #5FE8FF;
  --border: #1B3A55;
  --glow-yellow: 0 0 10px rgba(95, 232, 255, 0.4);
  /* фон в тон темы: ледяная сетка + сиреневое пятно для глубины */
  --grid-1: rgba(95, 232, 255, 0.16);
  --grid-2: rgba(95, 232, 255, 0.06);
  --blob-1: rgba(95, 232, 255, 0.12);
  --blob-2: rgba(176, 140, 255, 0.09);
  --blob-3: rgba(191, 239, 255, 0.06);
  --glow-cyan: 0 0 10px rgba(95, 232, 255, 0.5);
}

/* DUSK — маджента/фиолет, самый клубный киберпанк */
html[data-theme='dusk'] {
  /* стеклянная панель: сиреневый лифт над чёрным */
  --panel-bg: rgba(215, 175, 255, 0.10);
  --panel-corner: rgba(199, 125, 255, 0.65);
  --panel-border: rgba(199, 125, 255, 0.36);
  --panel-shadow: 0 2px 10px rgba(5, 0, 10, 0.55), 0 20px 55px rgba(5, 0, 10, 0.72),
                  0 0 22px rgba(199, 125, 255, 0.10);
  --panel-hl: rgba(255, 228, 255, 0.12);

  --bg: #070009;
  --bg-alt: #140420;
  --text: #FFE9FF;
  --text-body: #E3C9E8;
  --text-dim: #8A6B93;
  --neon-yellow: #FFD1FF;
  --neon-cyan: #C77DFF;
  --neon-magenta: #FF4DFF;
  --neon-blue: #B08CFF;
  --border: #3A1445;
  --glow-yellow: 0 0 10px rgba(255, 209, 255, 0.5);
  /* фон в тон темы: сиреневая сетка + маджента/фиолет пятна */
  --grid-1: rgba(199, 125, 255, 0.16);
  --grid-2: rgba(255, 77, 255, 0.07);
  --blob-1: rgba(255, 77, 255, 0.11);
  --blob-2: rgba(199, 125, 255, 0.13);
  --blob-3: rgba(255, 209, 255, 0.05);
  --glow-cyan: 0 0 10px rgba(199, 125, 255, 0.5);
}


/* LIGHT — «бумага»: тёплый офф-вайт (не чистый белый), тёмный текст с запасом
   контраста (WCAG AA+), затемнённые акценты вместо неона, мягкие тени
   вместо свечений; сетка/пятна фона приглушены до акварельных */
html[data-theme='light'] {
  /* стеклянная панель */
  --panel-bg: rgba(255, 255, 255, 0.78);
  --panel-corner: rgba(14, 116, 144, 0.45);
  --panel-border: rgba(31, 35, 40, 0.12);
  --panel-shadow: 0 14px 40px rgba(31, 35, 40, 0.14), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  --panel-hl: rgba(255, 255, 255, 0.9);

  --bg: #F7F4EC;
  --bg-alt: #FFFFFF;
  --text: #1F2328;
  --text-body: #33383F;
  --text-dim: #66707A;

  --neon-yellow: #96660A;     /* янтарь: CTA/выделения читаются на светлом */
  --neon-cyan: #0E7490;       /* глубокий циан: ссылки */
  --neon-magenta: #A61E4D;
  --neon-blue: #155E75;

  --border: #DDD8CB;
  --glow-yellow: 0 1px 2px rgba(31, 35, 40, 0.14);
  --glow-cyan: 0 1px 2px rgba(31, 35, 40, 0.14);

  --grid-1: rgba(14, 116, 144, 0.10);
  --grid-2: rgba(166, 30, 77, 0.045);
  --blob-1: rgba(166, 30, 77, 0.05);
  --blob-2: rgba(14, 116, 144, 0.05);
  --blob-3: rgba(150, 102, 10, 0.04);
}

/* в светлой теме «свечение» заменяем аккуратным подчёркиванием-акцентом */
html[data-theme='light'] a { text-shadow: none; }
html[data-theme='light'] a:hover { text-decoration: underline; text-underline-offset: 3px; }
html[data-theme='light'] .theme-cycle { background: #FFFFFF; }
html[data-theme='light'] .search-form__input { background: #FFFFFF; }
html[data-theme='light'] kbd { background: #F1EDE2; }
html[data-theme='light'] .admin-page { background: var(--bg); }

/* Кнопка-циклер палитр (левый нижний угол; маскот её обходит) */
.theme-cycle {
  position: fixed;
  left: 1rem;
  bottom: 1rem;
  z-index: 40;
  background: var(--bg-alt);
  color: var(--text-dim);
  border: 1px solid var(--border);
  font-family: inherit;
  font-size: 0.68rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0.35rem 0.7rem;
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease, text-shadow 0.15s ease;
}
.theme-cycle:hover {
  color: var(--neon-yellow);
  border-color: var(--neon-yellow);
  text-shadow: var(--glow-yellow);
}
.theme-cycle__name { color: var(--neon-cyan); }

@media (max-width: 768px) {
  /* на мобиле кнопку ◆ переносит в строку шапки (mobile.js): не угол, а чип */
  .theme-cycle { position: static; flex-shrink: 0; margin-left: 0.35rem;
                 padding: 0.2rem 0.45rem; font-size: 0.6rem; }
}