/* ============================================================
   VictoAI · DESIGN TOKENS
   Единственная тема: тёмная угольно-оранжевая (Ember).
   Без переключателя, без светлой темы, без второй палитры.
   Все цвета — oklch. Шрифт — Geist / Geist Mono / Instrument Serif.
   ============================================================ */
:root{
  /* ---- Поверхности: тёплый угольно-чёрный (ladder) ---- */
  --bg:            oklch(0.155 0.013 48);   /* фон страницы */
  --bg-elev:       oklch(0.190 0.015 50);   /* поднятые зоны (sidebar, nav) */
  --bg-card:       oklch(0.212 0.016 52);   /* карточки */
  --bg-card-2:     oklch(0.246 0.018 52);   /* вложенные поверхности */
  --bg-inset:      oklch(0.132 0.011 46);   /* «колодцы»: поля ввода, code */

  /* ---- Границы ---- */
  --border:        oklch(0.305 0.020 55);
  --border-strong: oklch(0.405 0.030 55);

  /* ---- Текст ---- */
  --text:          oklch(0.965 0.014 70);   /* основной */
  --text-muted:    oklch(0.725 0.022 60);   /* вторичный */
  --text-faint:    oklch(0.545 0.020 60);   /* третичный / подписи */

  /* ---- Акцент: ember orange ≈ #f06822 ---- */
  --accent:        oklch(0.740 0.175 50);
  --accent-hi:     oklch(0.795 0.170 55);   /* hover / светлее */
  --accent-deep:   oklch(0.620 0.180 42);   /* pressed / темнее */
  --accent-ink:    oklch(0.205 0.045 50);   /* текст на акценте */
  --accent-soft:   oklch(0.740 0.175 50 / 0.14);
  --accent-line:   oklch(0.740 0.175 50 / 0.34);
  --accent-glow:   oklch(0.740 0.175 50 / 0.45);   /* свечение для теней/кнопок */

  /* ---- Тёплый второй тон для градиентов (коралл + амбер) ---- */
  --coral:         oklch(0.675 0.190 30);
  --amber:         oklch(0.825 0.140 78);
  --grad-warm:     linear-gradient(105deg, var(--coral) 0%, var(--accent) 46%, var(--amber) 100%);
  --grad-warm-soft:linear-gradient(135deg,
                     oklch(0.675 0.190 30 / 0.20),
                     oklch(0.825 0.140 78 / 0.10));

  /* ---- Статусы ---- */
  --success:       oklch(0.760 0.150 155);
  --success-soft:  oklch(0.760 0.150 155 / 0.14);
  --warn:          oklch(0.820 0.150 80);
  --warn-soft:     oklch(0.820 0.150 80 / 0.14);
  --danger:        oklch(0.660 0.205 25);
  --danger-soft:   oklch(0.660 0.205 25 / 0.15);

  /* ---- Типографика ---- */
  --font-sans:  "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:  "Geist Mono", ui-monospace, "SF Mono", monospace;
  --font-serif: "Instrument Serif", "Times New Roman", serif;

  --fs-display: clamp(40px, 4vw + 1rem, 82px);
  --fs-h1:      clamp(30px, 2.4vw + 1rem, 46px);
  --fs-h2:      clamp(25px, 1.6vw + 1rem, 38px);
  --fs-h3:      20px;
  --fs-lg:      18px;
  --fs-base:    15px;
  --fs-sm:      13.5px;
  --fs-xs:      12px;

  --lh-tight:   1.02;
  --lh-snug:    1.2;
  --lh-base:    1.55;

  /* ---- Шкала отступов (база 4px) ---- */
  --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 20px;  --sp-6: 24px;  --sp-8: 32px;  --sp-10: 40px;
  --sp-12: 48px; --sp-14: 56px; --sp-16: 64px; --sp-20: 80px;
  --sp-24: 96px; --sp-32: 128px;

  /* ---- Скругления: крупные карточки, компактные контролы ---- */
  --r-xs:   6px;
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   22px;
  --r-2xl:  28px;
  --r-pill: 999px;

  /* ---- Тени / высоты ---- */
  --sh-1: 0 1px 2px rgba(0,0,0,0.30);
  --sh-2: 0 4px 16px rgba(0,0,0,0.30);
  --sh-3: 0 14px 38px rgba(0,0,0,0.40);
  --sh-4: 0 28px 70px rgba(0,0,0,0.52);
  --glow:        0 10px 34px var(--accent-soft);
  --glow-strong: 0 0 0 1px var(--accent-line), 0 16px 50px oklch(0.740 0.175 50 / 0.26);

  /* ---- Длительности и easing анимаций ---- */
  --dur-1: 120ms;   /* hover, мелочи */
  --dur-2: 200ms;   /* кнопки, состояния */
  --dur-3: 320ms;   /* появление, drawer */
  --dur-4: 540ms;   /* hero reveal, сложные переходы */
  --ease:        cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ---- Контейнеры ---- */
  --container: 1200px;
  --container-narrow: 820px;
}