/* Дизайн-токены. Направление выбирается через data-dir на <html> — поле
   direction в src/content/site.json. Сейчас сайт собран в G «Ринг днём».
   Прежние направления остаются: к ним возвращались уже трижды.

   Цвет разведён по ролям, и это не украшение, а требование доступности:
   --fill — плашка (фон кнопки), --accent-ink — надпись НА плашке,
   --accent — текст, обводка и фокус НА фоне страницы. В тёмных
   направлениях --fill и --accent совпадают, в светлых кислотных — нет.

   Правило проекта: физических направлений здесь нет и быть не может.
   Ни margin-left, ни left, ни text-align:left — иначе иврит развалится. */

:root{
  /* Шкала не зависит от направления: её задаёт мобильный экран, а не характер. */
  --step--1: clamp(12.5px, 0.2vw + 12px, 13.5px);
  --step-0:  clamp(15px,  0.3vw + 14px, 17px);
  --step-1:  clamp(17px,  0.7vw + 15px, 21px);
  --step-2:  clamp(24px,  2.2vw + 18px, 40px);
  --step-3:  clamp(38px,  6.4vw + 16px, 86px);

  --space-1: 6px;
  --space-2: 12px;
  --space-3: clamp(18px, 2.4vw, 28px);
  --space-4: clamp(28px, 3.6vw, 48px);
  --space-5: clamp(48px, 7vw, 96px);

  --measure: 66ch;
  --site-max: 1180px;
  --edge: 20px;

  /* Минимальная зона нажатия. 44px — iOS HIG и Material; WCAG 2.5.8 требует 24,
     но 24 — это «не нарушение», а не «удобно». Целимся в 44. */
  --tap: 44px;
}

/* ── A «Устав» — холодный графит, почти без цвета, всё держит шрифт ── */
[data-dir="a"]{
  --bg:#0E1112; --bg-2:#161A1B; --ink:#EDEAE4; --ink-2:#8E9A9C;
  --line:#252B2C; --accent:#C7D2D4; --fill:#C7D2D4; --accent-ink:#0E1112;
  --font-display:"Archivo"; --font-body:"Archivo"; --font-data:"IBM Plex Mono";
  --font-heb:"Heebo";
  --disp-weight:800; --disp-track:-.035em; --disp-lh:.92; --disp-case:none;
  --radius:0px; --eyebrow-track:.24em;
  --ok:#7ED957; --busy:#FF8A7A;
}

/* ── B «Протокол» — светлый, лабораторный, цифры как материал ──
   Заказчик сказал: медицинский и лабораторный образ не основной (0007).
   Направление держим до явного отказа, но исход вероятен. */
[data-dir="b"]{
  --bg:#F2F3F1; --bg-2:#FFFFFF; --ink:#14171A; --ink-2:#5C6670;
  --line:#D7DCD8; --accent:#2F6E8F; --fill:#2F6E8F; --accent-ink:#FFFFFF;
  --font-display:"Saira Condensed"; --font-body:"Source Sans 3"; --font-data:"IBM Plex Mono";
  --font-heb:"Heebo";
  --disp-weight:700; --disp-track:.005em; --disp-lh:1.0; --disp-case:uppercase;
  --radius:3px; --eyebrow-track:.18em;
  --ok:#2E7D32; --busy:#C62828;
}

/* ── C «Форма» — тёмная умбра и латунь, засечный шрифт ── */
[data-dir="c"]{
  --bg:#1E1815; --bg-2:#29211C; --ink:#EBE2D6; --ink-2:#A08F7D;
  --line:#3A2F28; --accent:#BFA06A; --fill:#BFA06A; --accent-ink:#1E1815;
  --font-display:"Newsreader"; --font-body:"Karla"; --font-data:"Karla";
  --font-heb:"Frank Ruhl Libre";
  --disp-weight:400; --disp-track:-.012em; --disp-lh:1.06; --disp-case:none;
  --radius:2px; --eyebrow-track:.2em;
  --ok:#8FD16A; --busy:#F08C7A;
}

/* ── D «Свет» — светлый премиум без лаборатории ──
   Заказчик: фон белый, буквы тёмные; premium/minimalist с лёгким athletic;
   медицинский и лабораторный образ не основной (0007 + правка 14 сентября).

   Эти два требования вместе вычёркивают A, B и C: светлое было только
   в B, а B — ровно тот лабораторный характер, от которого отказались.
   Поэтому D: логика A (всё держат шрифт и воздух), вывернутая на свет.
   Сила берётся весом и контрастом, а не цветом — цвета здесь почти нет,
   и это то, что отличает премиум от «сайта клиники». */
[data-dir="d"]{
  --bg:#F5F5F1; --bg-2:#FFFFFF; --ink:#101311; --ink-2:#626862;
  --line:#DADCD6; --accent:#101311; --fill:#101311; --accent-ink:#FFFFFF;
  /* Rubik — единственная из проверенных, кто закрывает латиницу, кириллицу
     и иврит одной гарнитурой. Archivo кириллицы не имеет вовсе: русский
     молча падал на системный засечный, и характер направления в русском
     был не тот, который показывали заказчику. */
  --font-display:"Rubik"; --font-body:"Rubik"; --font-data:"IBM Plex Mono";
  --font-heb:"Rubik";
  --disp-weight:800; --disp-track:-.032em; --disp-lh:1.0; --disp-case:none;
  --radius:2px; --eyebrow-track:.2em;
  --ok:#2E7D32; --busy:#C62828;
}

/* ── E «Ринг» — кислотный спорт на тёмном ──
   Бриф 1 (22 сентября): «более кислотно, яркими цветами и под спортивной /
   атлетической стилистикой». Кислотный лайм читается только на тёмном:
   на белом он даёт контраст около 1.6 к 1, а акцент здесь работает и
   текстом ссылок, и фоном кнопок, и обводкой фокуса.
   Oswald закрывает латиницу и кириллицу, иврит добирает Heebo. */
[data-dir="e"]{
  --bg:#0B0C0A; --bg-2:#14160F; --ink:#F2F5EA; --ink-2:#A3AC98;
  --line:#262A1E; --accent:#C8F000; --fill:#C8F000; --accent-ink:#0B0C0A;
  --font-display:"Oswald"; --font-body:"Rubik"; --font-data:"IBM Plex Mono";
  --font-heb:"Heebo";
  --disp-weight:700; --disp-track:.005em; --disp-lh:.95; --disp-case:uppercase;
  --radius:0px; --eyebrow-track:.22em;
  --ok:#4ADE80; --busy:#FB7185;
}

/* ── F «Корт» — светлый и яркий ──
   Ответ на прежнее требование «белый фон, тёмные буквы» и на новое
   «ярко». Электрик-синий на белом даёт 6.2 к 1 — проходит по доступности
   и остаётся заметным. Rubik одной семьёй держит все три письменности. */
[data-dir="f"]{
  --bg:#FFFFFF; --bg-2:#F3F5EF; --ink:#0D100C; --ink-2:#5B6357;
  --line:#DCE1D4; --accent:#1B4DF0; --fill:#1B4DF0; --accent-ink:#FFFFFF;
  --font-display:"Rubik"; --font-body:"Rubik"; --font-data:"IBM Plex Mono";
  --font-heb:"Rubik";
  --disp-weight:900; --disp-track:-.03em; --disp-lh:.98; --disp-case:none;
  --radius:4px; --eyebrow-track:.2em;
  --ok:#2E7D32; --busy:#C62828;
}

/* ── G «Ринг днём» — тот же кислотный спорт, но на свету ──
   Заказчик 24 сентября: «светлый фон, тёмные буквы и чуть больше
   кислотности, атлетичной». Это E, вывернутое на свет, а не F: характер
   держат Oswald заглавными и лайм, а не смена гарнитуры.

   Лайм на светлом фоне даёт 1.3 к 1 — писать им нельзя. Поэтому цвет
   разведён по ролям: --fill остаётся кислотным лаймом и работает
   ПЛАШКОЙ (кнопки, значки, закреплённая кнопка внизу), а текстом,
   обводкой и фокусом работает --accent — тот же лайм, уваренный
   до 5.5 к 1. Кислотности от этого больше, а не меньше: на светлом
   лайм бьёт площадью, а не тонкой строчкой. */
[data-dir="g"]{
  --bg:#F3F4EE; --bg-2:#FFFFFF; --ink:#0B0C0A; --ink-2:#555A4C;
  --line:#D9DBCF; --accent:#4F6B00; --fill:#C8F000; --accent-ink:#0B0C0A;
  --font-display:"Oswald"; --font-body:"Rubik"; --font-data:"IBM Plex Mono";
  --font-heb:"Heebo";
  --disp-weight:700; --disp-track:.005em; --disp-lh:.95; --disp-case:uppercase;
  --radius:0px; --eyebrow-track:.22em;
  --ok:#2E7D32; --busy:#C62828;
}