/* tokens.css - единственный источник значений UI конвертера HTML → PNG.
 * Имена - конвенция shadcn; значения - наши (светло + округло, один акцент).
 * Сид: одобренный владелицей прототип 27.08 (тёплая бумага + «пламя ракеты»);
 * акцент углублён с #E8551F до #C7410E ради контраста ≥4.5 с белым текстом.
 * Проверка: node tools/design-line/contrast-check.mjs <этот файл>
 */
:root {
  /* --- поверхность (светлая, единственная тема) --- */
  --background: #ffffff;
  --foreground: #20262b;          /* мягкий графит, не чистый чёрный */
  --card: #f5f7f8;                /* прохладная бумага из прототипа */
  --card-foreground: #20262b;
  --muted: #edf0f2;
  --muted-foreground: #57626b;

  /* --- акцент: ОДИН на экран - «пламя ракеты» --- */
  --primary: #c7410e;             /* ember; ≥4.5 к --primary-foreground */
  --primary-foreground: #ffffff;
  --primary-hover: #b03a0c;       /* нажатие/ховер акцентной кнопки */
  --primary-exhaust: #e08a5c;     /* тёплая середина градиента трубы */
  --primary-soft: #f8e3d8;        /* дуотон-wash */
  --destructive: #b3261e;
  --destructive-foreground: #ffffff;

  /* --- готовность: тёплый салатовый из матемтрубы (Р-8, слово владелицы 29.08) --- */
  --success: #8cba1c;             /* графика: финальная сплошная полоса, чипы */
  --success-ink: #567a10;         /* текст «PNG Ready» и подписи; ≥4.5 к --background */
  --success-soft: #eef6d8;        /* мягкая подложка готовности */

  /* --- границы и фокус --- */
  --border: #dce2e6;
  --ring: var(--primary);

  /* --- форма: округло --- */
  --radius: 12px;
  --radius-sm: 8px;

  /* --- шрифт: системный стек (идентичность несут цвет/форма/ракета, не шрифт) --- */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, Consolas, "Cascadia Mono", monospace; /* поле кода */
  --text-base: 14px;
  --text-lg: 16px;

  /* --- отступы (4px сетка) --- */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px;  --space-4: 16px;  --space-6: 24px;

  /* --- моушен: рубрика Ковальски --- */
  --duration-fast: 120ms;
  --duration-max: 300ms;
  --ease: cubic-bezier(0.2, 0, 0, 1);

  /* --- цели нажатия --- */
  --target-min: 44px;

  /* --- подача результата: тихая бумага, волосяная рамка, мягкая тень (без шахматки -
     слово владелицы 28.08 «клетки смотрятся дёшево») --- */
  --result-shadow: 0 10px 30px rgba(32, 38, 43, 0.12);
}

/* @pair --foreground on --background */
/* @pair --card-foreground on --card */
/* @pair --muted-foreground on --background */
/* @pair --muted-foreground on --card */
/* @pair --primary-foreground on --primary */
/* @pair --destructive-foreground on --destructive */

/* Used only when the product tokens.css has no prefers-color-scheme block. */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --background: #14171b;
    --foreground: #e6e9ee;
    --card: #1c2027;
    --card-foreground: #e6e9ee;
    --muted: #262b33;
    --muted-foreground: #9aa3ae;
    --border: #333a44;
    --primary-foreground: #0a1b33;
  }
}