/*
 * ZUHR design tokens — web/desktop.
 *
 * ФАЙЛ СГЕНЕРИРОВАН из design/tokens.json: node tools/design-tokens.mjs
 * Правки руками затрутся, и tests/design.test.ts об этом скажет.
 * Обоснование значений: docs/08-design-language.md
 */

:root {
  --ink: #111C24;
  --ink-muted: #42515B;
  --surface: #C9D6E4;               /* пастельный сине-серый: белый фон бьёт по глазам, особенно вечером */
  --surface-raised: #DAE3ED;
  --canvas: #B4C4D6;                /* полотно под карточками: колонки лежат на нём, как листы на столе */
  --divider: #AEBFCF;               /* разделители и вторичные поверхности */
  --primary: #146E72;               /* риштанская бирюза: не синяя Telegram, не зелёная WhatsApp */
  --primary-strong: #0E5457;
  --accent: #B84D28;                /* терракота */
  --success: #356B42;
  --warning: #8E6520;
  --danger: #9E3229;
  --gold: #8A6410;
  --spark: #6B4E9E;
  --chart-a: #B84D28;
  --chart-b: #6B4E9E;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --ring-stroke: 3px;
  --ring-stroke-emphasis: 5px;
  --font-family: Inter, "IBM Plex Sans", system-ui, sans-serif;
  --font-message: 17px;             /* минимум: аудитория включает пожилых пользователей */
  --font-title: 22px;
  --font-caption: 14px;
  --line-height: 1.45;
  --motion-fast: 180ms;
  --motion-base: 240ms;
  --easing: cubic-bezier(0.2, 0.8, 0.2, 1);
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --touch-min: 48px;                /* палец, а не курсор: меньше этого — промахи */
  --focus-ring: 3px;                /* видимый фокус обязателен: клавиатура и TV — это тоже наши люди */
  --focus-offset: 2px;
  --state-hover: 0.08;
  --state-pressed: 0.16;
  --state-disabled: 0.38;
  --state-overlay: 0.6;
  --elevation-sm: 0 1px 2px rgba(15, 26, 31, 0.08);
  --elevation-md: 0 4px 12px rgba(15, 26, 31, 0.10);
  --elevation-lg: 0 12px 32px rgba(15, 26, 31, 0.14);
}

/* Тёмная тема — не инверсия: она темнее по яркости, но того же холодного семейства. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ink: #EDE6DA;
    --ink-muted: #9AA3C4;
    --surface: #0D1130;
    --surface-raised: #171C42;
    --canvas: #070A22;
    --divider: #2B3266;
    --primary: #3FA2A6;
    --primary-strong: #5CBCC0;
    --accent: #E07A4F;
    --success: #5C9E6C;
    --warning: #D6A44A;
    --danger: #D05C55;
    --gold: #D8B45A;
    --spark: #A98CE0;
    --chart-a: #D2683E;
    --chart-b: #9878D0;
  }
}

:root[data-theme="dark"] {
  --ink: #EDE6DA;
  --ink-muted: #9AA3C4;
  --surface: #0D1130;
  --surface-raised: #171C42;
  --canvas: #070A22;
  --divider: #2B3266;
  --primary: #3FA2A6;
  --primary-strong: #5CBCC0;
  --accent: #E07A4F;
  --success: #5C9E6C;
  --warning: #D6A44A;
  --danger: #D05C55;
  --gold: #D8B45A;
  --spark: #A98CE0;
  --chart-a: #D2683E;
  --chart-b: #9878D0;
}

/* Движение выключается целиком, а не «ослабляется». */
@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0ms;
    --motion-base: 0ms;
  }
}