/* ПЯТЬ ЗВОНКОВ — дизайн-токены.
   Пергамент, чернила, латунь: игра идёт по эпохам, поэтому базовая палитра
   спокойная, а характер задают зоны эпох ниже. */
:root{
  /* Палитра */
  --paper:#FBF3E4;
  --blue:#2F4FB8;
  --yellow:#E9B44C;
  --orange:#D9772F;
  --red:#C8433C;
  --green:#4E9A6A;        /* зарезервирован за «правильно» */
  --ink:#23203A;
  --white:#FFFFFF;
  --violet:#6B4FC0;
  --teal:#1F9EAE;
  --brass:#C99A3B;
  --wood:#8C5A2B;

  /* Производные */
  --ink-70:rgba(35,32,58,.78);
  --ink-55:rgba(35,32,58,.72);
  --ink-35:rgba(35,32,58,.35);
  --ink-12:rgba(35,32,58,.12);
  --ink-06:rgba(35,32,58,.06);
  /* акценты как ЦВЕТ ТЕКСТА: заливки на бумаге не проходят AA, для надписей
     у каждого акцента своя «чернильная» версия */
  --orange-ink:#9A4E12;
  --green-ink:#1F6B42;
  --brass-ink:#7A5410;
  --teal-ink:#0F6B78;
  --blue-soft:#E9EEFF;
  --violet-soft:#F0EBFF;
  --yellow-soft:#FBF0D4;
  --green-soft:#E4F3EA;
  --red-soft:#FBE7E5;
  --teal-soft:#E0F4F6;
  --gold:#D9962A;

  /* Градиенты */
  --grad-fest:linear-gradient(135deg,#2F4FB8 0%,#6B4FC0 100%);
  --grad-autumn:linear-gradient(135deg,#E9B44C 0%,#D9772F 100%);
  --grad-final:linear-gradient(135deg,#1F9EAE 0%,#C8433C 100%);
  --grad-night:linear-gradient(160deg,#141A3E 0%,#1E2A5C 55%,#2B2350 100%);
  --grad-brass:linear-gradient(135deg,#F0D48A 0%,#C99A3B 100%);

  /* Типографика */
  --font:"Manrope","Inter",-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-hand:"Caveat","Segoe Script",cursive;

  /* Скругления и тени */
  --r-sm:12px; --r-md:16px; --r-lg:24px; --r-xl:32px; --r-pill:999px;
  --sh-1:0 2px 8px rgba(35,32,58,.06);
  --sh-2:0 8px 24px rgba(35,32,58,.10);
  --sh-3:0 18px 48px rgba(35,32,58,.16);
  --sh-glow:0 0 0 6px rgba(47,79,184,.14);

  /* Раскладка */
  --max:1440px;
  --content:1200px;
  --stage:820px;

  --ease:cubic-bezier(.22,.8,.32,1);
}

/* Зоны эпох. Каждая эпоха задаёт ПОЛНЫЙ набор переменных, а компоненты
   пользуются только ими: новая эпоха — это шесть строк, а не ревизия стилей.
   --z-bg     фон экрана эпохи
   --z-ink    основной текст на этом фоне
   --z-muted  вспомогательный текст на этом фоне
   --z-label  акцентная подпись (год, «ЭПОХА 2 ИЗ 5»)
   --z1/--z2  цвета фигур и заливок
   --z-card   подложка для полупрозрачных панелей поверх фона
   Имя класса совпадает с идентификатором эпохи на сервере. */

.zone-novgorod   { --z1:#B47A3A; --z2:#E9B44C; --z-bg:#F6E9CF; --z-ink:#23203A; --z-muted:rgba(35,32,58,.72); --z-label:#7A4A14; --z-card:rgba(255,255,255,.86); }
.zone-academy    { --z1:#C99A3B; --z2:#2F4FB8; --z-bg:#141A3E; --z-ink:#FBF3E4; --z-muted:rgba(251,243,228,.78); --z-label:#F0D48A; --z-card:rgba(255,255,255,.12); }
.zone-lyceum     { --z1:#2E6B4F; --z2:#C99A3B; --z-bg:#F4EDD9; --z-ink:#23203A; --z-muted:rgba(35,32,58,.72); --z-label:#1F5A3F; --z-card:rgba(255,255,255,.86); }
.zone-school1961 { --z1:#C8433C; --z2:#2E6B4F; --z-bg:#F8EFDD; --z-ink:#23203A; --z-muted:rgba(35,32,58,.72); --z-label:#9A2F29; --z-card:rgba(255,255,255,.86); }
.zone-future     { --z1:#1F9EAE; --z2:#C8433C; --z-bg:#0F1330; --z-ink:#F4F7FF; --z-muted:rgba(244,247,255,.75); --z-label:#7FE3EE; --z-card:rgba(255,255,255,.1); }