/* Hallmark · screen: system tokens · system: studied-DNA (source: image — WB Partners, кабинет продавца)
 * paper oklch(97.2% 0.004 285) · cards oklch(100% 0 0) · accent oklch(50% 0.2 300) violet
 * type: Onest (neutral grotesque, кириллица) — один шрифт на всё
 * depth: surface-lightness steps (белые карточки на сером), без теней и рамок у карточек
 * studied: yes · DNA-source: image (user reference)
 */

:root {
  color-scheme: light;

  /* ── Поверхности ─────────────────────────────── */
  --color-page:        oklch(97.2% 0.004 285);  /* фон страницы — холодный светло-серый */
  --color-card:        oklch(99.7% 0.002 285);  /* карточка-виджет */
  --color-bar:         oklch(99.7% 0.002 285);  /* верхняя панель */
  --color-sunken:      oklch(95.6% 0.005 285);  /* плашки внутри карточки, активный пункт меню */
  --color-hover:       oklch(94.4% 0.006 285);  /* наведение на строку / пункт */
  --color-rule:        oklch(91.5% 0.006 285);  /* волосяные разделители */
  --color-rule-strong: oklch(86% 0.008 285);    /* базовая линия графика */

  /* Поля ввода — без рамки, видны заливкой (правило владельца) */
  --color-field:       oklch(95.6% 0.005 285);
  --color-field-hover: oklch(93.6% 0.006 285);
  --color-field-focus: oklch(91.6% 0.008 285);
  --color-field-error: oklch(95% 0.03 25);

  /* ── Текст: четыре уровня ───────────────────── */
  --color-ink:         oklch(21% 0.012 285);    /* значения, заголовки */
  --color-ink-2:       oklch(42% 0.012 285);    /* подписи, второстепенный текст */
  --color-ink-3:       oklch(52% 0.01 285);     /* мета, оси, «обновлено в…» */
  --color-ink-muted:   oklch(70% 0.008 285);    /* отключённое */

  /* ── Акцент: один, только действие / выбор / фокус ── */
  --color-accent:      oklch(50% 0.2 300);
  --color-accent-hover:oklch(45% 0.2 300);
  --color-accent-ink:  oklch(99.5% 0.004 300);  /* текст на акценте */
  --shadow-raised:     0 1px 2px oklch(21% 0.012 285 / 0.08); /* выбранный сегмент переключателя */
  --color-link:        oklch(48% 0.19 300);
  --color-focus:       oklch(50% 0.2 300);

  /* ── Состояния (никогда не используются как цвет серии) ── */
  --color-good:        oklch(52% 0.15 145);     /* рост, норма — текст и точки */
  --color-critical:    oklch(55% 0.2 25);       /* падение, «кончится» */
  --color-warning:     oklch(72% 0.16 75);      /* внимание — только точка + подпись */
  --color-critical-ink:oklch(50% 0.19 25);      /* текст падения ≥ 4.5:1 */
  --color-good-ink:    oklch(45% 0.13 145);     /* текст роста ≥ 4.5:1 */

  /* ── Серии графиков (dataviz: фиксированный порядок слотов) ── */
  --series-1: #2a78d6;   /* текущий период — синий */
  --series-2: #eb6834;   /* предыдущий период — оранжевый */
  --series-3: #1baf7a;   /* неделю назад — бирюзовый, пунктир */
  --chart-grid: oklch(93% 0.005 285);
  --chart-axis: oklch(52% 0.01 285);

  /* ── Шрифт ───────────────────────────────────── */
  --font-ui: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Шкала 1.2 от 14px, фиксированные rem — без clamp() */
  --text-xs:   0.75rem;    /* 12 — метки-уровень, оси */
  --text-sm:   0.8125rem;  /* 13 — мета, подписи */
  --text-base: 0.875rem;   /* 14 — интерфейс, таблицы */
  --text-md:   1rem;       /* 16 — заголовок карточки */
  --text-lg:   1.25rem;    /* 20 — заголовок страницы */
  --text-xl:   1.75rem;    /* 28 — ведущая цифра */
  --text-2xl:  2.25rem;    /* 36 — главная цифра дашборда */

  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold:600;

  /* Метка-уровень: таблица, плитки, поля — один стиль */
  --label-size: 0.6875rem; /* 11 */
  --label-tracking: 0.08em;

  /* ── Отступы: шаг 4px ───────────────────────── */
  --space-1: 0.25rem;  /* 4 */
  --space-2: 0.5rem;   /* 8 */
  --space-3: 0.75rem;  /* 12 */
  --space-4: 1rem;     /* 16 */
  --space-5: 1.25rem;  /* 20 */
  --space-6: 1.5rem;   /* 24 */
  --space-8: 2rem;     /* 32 */
  --space-10: 2.5rem;  /* 40 */

  /* ── Радиусы (концентрические: карточка 16 → вложенное 8) ── */
  --radius-card: 16px;
  --radius-control: 10px;
  --radius-chip: 8px;
  --radius-pill: 999px;

  /* ── Размеры ─────────────────────────────────── */
  --control-h: 36px;       /* кнопки и поля на рабочем экране (десктоп) */
  --row-h: 44px;           /* строка таблицы */
  --bar-h: 56px;           /* верхняя панель */
  --content-max: 1440px;

  /* ── Движение ────────────────────────────────── */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-micro: 0ms; --dur-short: 0ms; }
}