/* 8 футов — design tokens v0.1 (2026-09-03)
   Источник: холст «8 футов — дизайн-система», артборд «02 · Цвет».
   Цвета заданы в OKLCH и переведены в hex скриптом tools/oklch.py. */
:root {
  /* поверхности и текст */
  --ink:        #15202D; /* oklch(0.24 0.03 255) — текст, знак, тёмные поверхности */
  --ink-2:      #26313F; /* панель поверх туши: светлее, не тень */
  --paper:      #F6F3EE; /* oklch(0.965 0.007 85) — основная поверхность */
  --paper-2:    #EBE7E0; /* утопленная панель на бумаге */
  --text-dim:   #5E646A; /* второстепенный текст на бумаге, 5,4:1 */

  /* акцент «сурик» — один на всю систему */
  --accent:      #F06B00; /* oklch(0.68 0.19 50) — заливки; текст на нём только тушью */
  --accent-ink:  #B13E00; /* ссылки и акцентный текст на бумаге, 5,3:1 */
  --accent-wash: #FEEADB; /* подложка выделенной строки */

  /* сталь — линии, рамки, второстепенное */
  --steel-100: #DADEE3;
  --steel-300: #B3B8BE; /* линия на бумаге */
  --steel-500: #81878D;
  --steel-700: #525960; /* линия на туши */

  /* функциональные */
  --ok:   #227A3F;
  --warn: #CF9B00; /* только заливка с тушью, не текст */

  /* шрифты */
  --font-display: 'Unbounded', 'Arial Black', Arial, sans-serif;
  --font-text:    'Golos Text', 'Segoe UI', Arial, sans-serif;
  --font-mono:    'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
  --font-cn:      'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;

  /* шкала 1,25 от 16 */
  --fs-label: 12px; --fs-caption: 13px; --fs-text: 16px; --fs-sub: 20px;
  --fs-h4: 25px; --fs-h3: 32px; --fs-h2: 50px; --fs-h1: 80px;

  /* шаг 8 */
  --s-1: 8px; --s-2: 16px; --s-3: 24px; --s-4: 32px; --s-6: 48px; --s-8: 64px; --s-12: 96px;

  /* форма */
  --radius-control: 2px; --radius-card: 2px; --radius-avatar: 12px;
  --line: 1px solid var(--steel-300);

  /* форматы-контейнеры (ISO 668) */
  --ratio-mark: 2438 / 2591; /* торец знака, 1 : 1,06 — по чертежу */
  --ratio-8ft: 2438 / 2591;  /* торец: аватары, плитки */
  --ratio-20ft: 20 / 8.5; /* фото, карточки, слайд */
  --ratio-40ft: 40 / 8.5; /* шапки, баннеры, вывеска */

  /* движение */
  --ease: cubic-bezier(0.22, 1, 0.36, 1); --t-micro: 150ms; --t-panel: 200ms;
}