/* ============================================================
   STEENY — DESIGN TOKENS
   tokens.json нет и не будет (см. бриф, модуль 10).
   Это единственный источник чисел: цвета из модуля 3 брифа,
   остальное — производные оттенки + обычная UI-шкала (spacing,
   radius, шрифты). Правки только через CHANGELOG брифа.
   ============================================================ */

:root {
  /* ---- Бренд-константы (неизменяемые, модуль 3) ---- */
  --c-bg: #15110E;
  --c-accent: #A78BFA;
  --c-accent-light: #C8B6FF;
  --c-surface: rgba(167, 139, 250, 0.12);

  /* ---- Производные от bg (тёплый почти-чёрный, не чистый #000) ---- */
  --c-bg-raise-1: #1D1712;   /* карточки / поверхности первого уровня */
  --c-bg-raise-2: #241C16;  /* поверхности второго уровня, хедер при скролле */
  --c-bg-sunken: #0F0C0A;   /* футер-задник, hidden track зона */
  --c-line: rgba(255, 255, 255, 0.08); /* тонкие разделители-волны */
  --c-line-strong: rgba(255, 255, 255, 0.16);

  /* ---- Производные от accent ---- */
  --c-accent-dim: rgba(167, 139, 250, 0.55);   /* неактивные состояния */
  --c-accent-ghost: rgba(167, 139, 250, 0.08); /* фоновая подсветка hover */
  --c-accent-press: #8F6FF0;                    /* :active, чуть темнее/насыщеннее */

  /* ---- Текст: светлый нейтральный, тёплый (не чистый белый — в цвет bg) ----
     Контраст к --c-bg проверен ≥4.5:1 для -secondary и выше. */
  --c-text-primary: #F3EFE9;
  --c-text-secondary: rgba(243, 239, 233, 0.72);
  --c-text-tertiary: rgba(243, 239, 233, 0.48);
  --c-text-on-accent: #15110E; /* текст поверх залитых accent-кнопок */

  /* ---- Статусы (минимально необходимые, нейтральные по духу бренда) ---- */
  --c-success: #8FD19E;
  --c-danger: #E38B8B;

  /* ---- Типографика ----
     Экспрессивный дисплей + сдержанный текстовый — без Inter/Roboto/Arial.
     Файлы шрифтов ещё не поставлены — стек подготовлен, @font-face
     подключить при получении файлов (см. HANDOFF в конце ответа). */
  --f-display: "Unbounded", "Clash Display", "Space Grotesk", system-ui, sans-serif;
  --f-body: "Golos Text", "General Sans", "Söhne", system-ui, sans-serif;
  --f-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace; /* тайминги, A1/B1, STNY-001 — всегда tabular-nums (модуль 3.5) */

  --fs-display-xl: clamp(2.75rem, 5.5vw, 5.5rem);
  --fs-display-l: clamp(2rem, 3.2vw, 3.25rem);
  --fs-display-m: clamp(1.5rem, 2vw, 2rem);
  --fs-body-l: 1.125rem;
  --fs-body: 17px; /* модуль 3.5: Golos Text 17/1.6 */
  --fs-body-s: 0.875rem;
  --fs-mono-s: 0.8125rem;

  --lh-tight: 1.05;
  --lh-snug: 1.25;
  --lh-body: 1.6;

  /* ---- Пространство: ритм на базе 4px ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 144px;

  /* ---- Радиусы / границы ---- */
  --r-s: 4px;
  --r-m: 10px;
  --r-l: 20px;
  --r-full: 999px;
  --border-hair: 1px solid var(--c-line);

  /* ---- Тень: с намерением (виниловая пыль/грув), не дефолтная ---- */
  --shadow-groove: 0 1px 0 rgba(255,255,255,0.03) inset,
                   0 12px 32px -16px rgba(0,0,0,0.6);

  /* ---- Моушн ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.15s;
  --dur-base: 0.3s;
  --dur-slow: 0.6s;
  --dur-logo-line: 0.9s; /* dashoffset, модуль 5b — для будущего моушна логотипа */

  /* ---- Слои ---- */
  --z-header: 100;
  --z-overlay: 200;
  --z-modal: 300;

  /* ---- Контентная ширина ---- */
  --content-max: 1280px;
  --content-pad: clamp(20px, 4vw, 64px);
}

/* prefers-reduced-motion → статика (модуль 5c) */
@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0s;
    --dur-base: 0s;
    --dur-slow: 0s;
    --dur-logo-line: 0s;
  }
}