/* tokens.css — дизайн 3.0 (PAGE_MAP_portal_3.0 + DONOR_SYSTEM_aihero_index).
   Единственный источник цвета. Две темы: тёмная = primary (канон §10 hex 1:1),
   светлая — производные холодные тона того же hue-семейства (~210°), осознанно.
   Темизация — только через токены: компонент не знает, в какой он теме. */

:root {
  /* типографика — семантический контракт §10:
     osifont = чертёж/физическое, mono = код/цифровое, Inter = body/UI */
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --font-draw: "osifont", "Inter", sans-serif;

  /* конструктив (по донору) */
  --nav-height: 63px;
  --radius: 0.3rem;
  --space: 0.5rem;           /* база 8px — наследие 2.0, используется legacy-блоком */
  --measure: 44rem;          /* колонка контента legacy-страниц до их миграции на 3.0 */

  /* ТЁМНАЯ ТЕМА (primary) — канон §10 hex 1:1 */
  color-scheme: dark;
  --background: #0A1014;            /* фон базовый */
  --foreground: #E8EEF4;            /* текст основной */
  --card: #0D1419;                  /* фон баннера → карточки, панели, инпуты */
  --card-foreground: #E8EEF4;
  --primary: #FAC775;               /* янтарь */
  --primary-foreground: #0A1014;
  --secondary: #1A2530;
  --secondary-foreground: #E8EEF4;
  --muted: #121B22;                 /* производный: между фоном и сеткой */
  --muted-foreground: #8AA4BD;      /* текст вторичный */
  --faint: #5F7891;                 /* текст приглушённый: мета, футер */
  --accent: #1A2530;                /* hover-фон (нейтральный, НЕ янтарь) */
  --accent-foreground: #E8EEF4;
  --destructive: #A32D2D;
  --destructive-foreground: #E8EEF4;
  --border: #1A2530;                /* сетка blueprint — тихие разделители */
  --line: #2A4258;                  /* линии чертежа — акцентные борта, инпуты */
  --input: #2A4258;
  --ring: #8AA4BD;                  /* фокус = текст вторичный (канон) */
  --page-bg: #0D1419;               /* фон ЗА контейнером 1200px (= фон баннера) */

  /* цветовое кодирование типов каталога (PAGE_MAP §9) — расширение палитры,
     ратифицировано автором 2026-06-08. Тона приглушены под Cold Industrial.
     ⚠️ канон §10 (youtube/akula_channel_strategy.md) обновляет /art. */
  --type-post:   #8AA4BD;           /* сине-серый (= нейтраль, базовый тип) */
  --type-guide:  #6FB6A6;           /* приглушённая бирюза */
  --type-boat:   #7FA6DC;           /* стальной голубой */
  --type-video:  #CC8A6E;           /* приглушённая терракота */
  --type-module: #FAC775;           /* янтарь = коммерция (из канона) */
}

html[data-theme="light"] {
  color-scheme: light;
  --background: #F2F5F8;
  --foreground: #131C24;
  --card: #FBFDFE;
  --card-foreground: #131C24;
  --primary: #FAC775;               /* янтарь остаётся в обеих темах */
  --primary-foreground: #131C24;
  --secondary: #DDE6EE;
  --secondary-foreground: #131C24;
  --muted: #E7EDF3;
  --muted-foreground: #43596E;
  --faint: #5F7891;
  --accent: #DDE6EE;
  --accent-foreground: #131C24;
  --destructive: #A32D2D;
  --destructive-foreground: #FBFDFE;
  --border: #D5DEE7;
  --line: #B7C6D4;
  --input: #B7C6D4;
  --ring: #43596E;
  --page-bg: #E7EDF3;               /* фон за контейнером (= muted светлой) */

  /* типы каталога — затемнены под контраст на светлом фоне (см. тёмную тему) */
  --type-post:   #4E6A85;
  --type-guide:  #2F7E6E;
  --type-boat:   #3D6CA8;
  --type-video:  #A85C3D;
  --type-module: #936512;           /* тёмный янтарь — контраст бейджа на белом */
}
