/* ============================================================================
   ЗОНА ПОЛУНОЧИ — токены
   ----------------------------------------------------------------------------
   Единственное место, где заданы цвета, шрифты, размеры и тайминги.
   Дальше по проекту — только var(). Если клиент захочет другую палитру,
   правится этот файл, а не двадцать других.
   ============================================================================ */

:root {
  /* --- Градиент погружения. Порядок = порядок спуска ---------------------- */
  --c-surface:  #BFD9E0;
  --c-epi:      #2E6B7A;
  --c-twilight: #123A4D;
  --c-midnight: #08192B;
  --c-abyssal:  #040A12;
  --c-hadal:    #000000;

  /* --- Акценты. Циан — биолюминесценция, оранжевый — только кнопки
         и предупреждения. Больше нигде, иначе тревога перестанет читаться -- */
  --c-glow:  #5FF2E4;
  --c-alert: #FF6B35;
  /* Оранжевый для текста и значков. На светлых блоках (.is-day) темнеет:
     #FF6B35 на светлом фоне даёт 2.5:1, #B83D0B — 5.0:1 и 5.7:1 на белом.
     Фон кнопки остаётся ярким — на нём тёмный текст. */
  --c-alert-text: var(--c-alert);

  /* --- Текст на тёмном. Контраст к --c-abyssal: ink 15.8:1, dim 7.4:1 ----- */
  --c-ink:     #EAF4F6;
  --c-ink-dim: #9DB4BF;
  --c-line:    rgba(234, 244, 246, 0.14);
  --c-line-2:  rgba(234, 244, 246, 0.26);
  --c-panel:   rgba(234, 244, 246, 0.04);
  --c-panel-2: rgba(234, 244, 246, 0.07);

  /* --- Дневная тема: подвал, страница школ, состояния успеха.
         Контраст ink 14.6:1, dim 6.6:1, link 5.4:1 к --c-day-bg ------------ */
  --c-day-bg:    #EDF1F2;
  --c-day-panel: #FFFFFF;
  --c-day-ink:   #08192B;
  --c-day-dim:   #4A5F6B;
  --c-day-line:  rgba(8, 25, 43, 0.14);
  --c-day-link:  #0A5C68;

  /* --- Типографика -------------------------------------------------------
     Шрифты грузятся с Google Fonts, но запасной стек подобран так, чтобы при
     офлайне и при блокировке шрифтов вёрстка не поехала: узкий гротеск
     заменяется Arial Narrow, моноширинный — Consolas.                       */
  --f-display: 'Oswald', 'Archivo Narrow', 'Arial Narrow', 'Segoe UI', system-ui, sans-serif;
  --f-text:    'Inter', system-ui, 'Segoe UI', Roboto, Arial, sans-serif;
  --f-mono:    'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, 'Courier New', monospace;

  --t-hero:  clamp(2.6rem, 8.5vw, 6.6rem);
  --t-h1:    clamp(2.1rem, 5.4vw, 4rem);
  --t-h2:    clamp(1.6rem, 3.6vw, 2.7rem);
  --t-h3:    clamp(1.15rem, 2.1vw, 1.5rem);
  --t-lead:  clamp(1.02rem, 1.5vw, 1.25rem);
  --t-body:  1rem;
  --t-small: 0.875rem;
  --t-micro: 0.75rem;

  /* --- Ритм. Шаг 4px, но именами, а не числами ---------------------------- */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --s-9: 6rem;
  --s-10: 8rem;

  --r-sm: 2px;
  --r-md: 4px;
  --r-lg: 8px;

  --w-page: 1180px;
  --w-text: 62ch;
  --h-header: 60px;

  /* --- Движение. Одна кривая на весь сайт: резкий старт, долгий выход ----- */
  --e-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --e-io:   cubic-bezier(0.65, 0, 0.35, 1);
  --d-fast: 160ms;
  --d-mid:  320ms;
  --d-slow: 620ms;

  /* --- Свечение вместо теней. Тени в воде не бывают ----------------------- */
  --glow-soft: 0 0 24px rgba(95, 242, 228, 0.18);
  --glow-hard: 0 0 12px rgba(95, 242, 228, 0.55);
  --glow-alert: 0 0 18px rgba(255, 107, 53, 0.35);
}

/* Внутри «дневных» блоков те же имена означают другие цвета — так компоненты
   работают и на тёмной, и на светлой странице без дублирования классов. */
.is-day {
  --c-ink:     var(--c-day-ink);
  --c-ink-dim: var(--c-day-dim);
  --c-line:    var(--c-day-line);
  --c-line-2:  rgba(8, 25, 43, 0.24);
  --c-panel:   var(--c-day-panel);
  --c-panel-2: #E2E8EA;
  --c-glow:    var(--c-day-link);
  --glow-soft: 0 1px 2px rgba(8, 25, 43, 0.08);
  --glow-hard: 0 2px 10px rgba(8, 25, 43, 0.14);
  background: var(--c-day-bg);
  color: var(--c-day-ink);
}