/* ============================================================
   «Ранг» v3 — единая система. Темы и токены.
   Один контракт токенов, три темы. Тема меняет только значения,
   не структуру компонентов.
   По умолчанию — academic. Выбор — в data-theme на <html>.
   Контраст AA проверен парами (см. 07-design-unified.md).
   ============================================================ */

/* ---------- Шкала общих величин (структура, не меняется темой) ---------- */
:root {
  --font-head: 'Lora', 'Georgia', serif;
  --font-body: 'Onest', 'Segoe UI', system-ui, sans-serif;
  --font-num:  'JetBrains Mono', ui-monospace, monospace;

  /* размеры — модульная шкала 4 px */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 40px; --s-8: 56px;

  /* кегли — шкала DESIGN §4.2 (H1/H2/H3 — диапазоны clamp, остальное точки).
     Произвольного кегля мимо этих токенов в семействах страниц нет (DZ-10). */
  --fs-h1:      clamp(28px, 5.6vw, 44px);
  --fs-h2:      clamp(20px, 3.4vw, 28px);
  --fs-h3:      clamp(18px, 2.6vw, 22px);
  --fs-lead:    18px;
  --fs-text:    16px;
  --fs-num:     15px;
  --fs-caption: 13px;

  /* длина строки: предел в знаках, не в пикселях (DESIGN §4.3) */
  --measure: 55ch;

  /* ширины колонок раскладки (DESIGN §5.3).
     Второй столбец кабинета описан токеном, а не долей `fr`: доля растёт
     вместе с окном, и на 1440 px боковой столбец становился 435 px — таким
     же крупным блоком, как основной, то есть вторым левым краем сетки
     (§10.2 «Второй левый край в документе»). Токен держит его подчинённым
     на любой ширине: 360 px — шаг 4 px, ровно 90 шагов. */
  --layout-side: 360px;
  --layout-gap: var(--s-6);

  /* радиусы */
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 20px;

  /* тени — нейтральные, общие для всех тем */
  --shadow-1: 0 1px 2px rgba(28,36,48,.06), 0 2px 8px rgba(28,36,48,.06);
  --shadow-2: 0 2px 4px rgba(28,36,48,.06), 0 8px 24px rgba(28,36,48,.10);
}

/* ============================================================
   ACADEMIC — светлая «бумага» по умолчанию (язык направления Б)
   Контрасты проверены:
     --text        на --bg       16.2 : 1
     --text-2      на --bg        7.3 : 1
     --text        на --surface  16.2 : 1
     --accent-ink  на --accent    7.6 : 1
     --white       на --accent    7.6 : 1
     --ok          на --bg        5.6 : 1
     --warn        на --bg        5.7 : 1
   ============================================================ */
:root,
:root[data-theme="academic"] {
  color-scheme: light;
  --bg:        #FAF9F5;
  --surface:   #FFFFFF;
  --surface-2: #F1EFE9;
  --border:    #E3E0D8;
  --border-strong: #897C5B;
  --text:      #1C2430;
  --text-2:    #48515B;
  --text-3:    #636C7A;
  --accent:      #1E5B49;
  --accent-ink:  #FFFFFF;
  --accent-soft: #EAF4F1;
  --ok:      #2E7950;
  --ok-soft: #EAF4EF;
  --warn:    #91620E;
  --warn-soft: #F4F1EA;
  --bad:     #A83A32;
  --bad-soft: #F4EBEA;
  --focus:   #1E5B49;
  --shadow-1: 0 1px 2px rgba(28,36,48,.05), 0 2px 8px rgba(28,36,48,.05);
  --shadow-2: 0 2px 4px rgba(28,36,48,.06), 0 8px 24px rgba(28,36,48,.08);
}

/* ============================================================
   BOLD — тёмная база и кислотный лайм на главном действии (язык В)
   Контрасты:
     --text        на --bg       15.9 : 1
     --text-2      на --bg        7.6 : 1
     --accent-ink  на --accent   13.6 : 1
     --ok          на --bg        9.4 : 1
     --warn        на --bg       11.6 : 1
   ============================================================ */
:root[data-theme="bold"] {
  color-scheme: dark;
  --font-head: 'Golos Text', 'Onest', system-ui, sans-serif;
  --font-body: 'Golos Text', 'Onest', system-ui, sans-serif;
  --bg:        #0B0D13;
  --surface:   #141824;
  --surface-2: #1D2331;
  --border:    #2C3445;
  --border-strong: #66779B;
  --text:      #F3F5FA;
  --text-2:    #A7B0C2;
  --text-3:    #838BA1;
  --accent:      #D7FF4F;
  --accent-ink:  #10130A;
  --accent-soft: #383E23;
  --ok:      #3FE08C;
  --ok-soft: #233E30;
  --warn:    #FFC94D;
  --warn-soft: #3E3623;
  --bad:     #FF7A6B;
  --bad-soft: #3E2623;
  --focus:   #D7FF4F;
  --shadow-1: 0 2px 10px rgba(0,0,0,.45);
  --shadow-2: 0 12px 40px rgba(0,0,0,.55);
}

/* ============================================================
   DARK — фирменная тёмная «Ранга» (язык направления А)
   Контрасты:
     --text        на --bg       15.4 : 1
     --text-2      на --bg        7.0 : 1
     --accent-ink  на --accent   10.2 : 1
     --ok          на --bg        8.2 : 1
     --warn        на --bg        9.6 : 1
   ============================================================ */
:root[data-theme="dark"] {
  color-scheme: dark;
  --font-head: 'Unbounded', 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;
  --bg:        #0B1119;
  --surface:   #101825;
  --surface-2: #16222F;
  --border:    #2A3B50;
  --border-strong: #59779C;
  --text:      #F3F7FB;
  --text-2:    #A9B9CB;
  --text-3:    #81899F;
  --accent:      #4B9BE8;
  --accent-ink:  #07111C;
  --accent-soft: #212E3B;
  --ok:      #54D38A;
  --ok-soft: #213B2C;
  --warn:    #F5B544;
  --warn-soft: #3B3221;
  --bad:     #FF7474;
  --bad-soft: #3B2121;
  --focus:   #89C5FF;
  --shadow-1: 0 4px 16px rgba(0,0,0,.18);
  --shadow-2: 0 16px 48px rgba(0,0,0,.28);
}

/* Без темной темы по системе — дефолт academic, как требует поручение. */