/* ============================================================
   Травиночка — дизайн-токены (v0.14, «Лунная поляна»)
   Единственный источник цветов, типографики, отступов, теней.
   Палитра в oklch: ночь (165 — холодная зелёная тьма),
   мох и трава (148–158), светлячки (112 — тёплое свечение),
   луна (105–110 — тёплые почти-белые).
   Имена токенов v0.13 сохранены — обратная совместимость.
   ============================================================ */

:root {
  /* --- Ночь: фоновые слои (от тьмы к свету) --- */

  --night-950: oklch(0.145 0.014 170);
  --night-900: oklch(0.175 0.017 168);
  --night-850: oklch(0.195 0.018 167);
  --night-800: oklch(0.22 0.02 166);
  --night-700: oklch(0.265 0.022 164);
  --night-600: oklch(0.315 0.025 162);

  /* --- Мох: брендовые зелёные --- */

  --moss-900: oklch(0.32 0.05 158);
  --moss-800: oklch(0.385 0.065 156);
  --moss-700: oklch(0.47 0.085 153);
  --moss-600: oklch(0.565 0.1 150);
  --moss-500: oklch(0.65 0.115 148);

  /* --- Трава: светлые акценты --- */

  --grass-400: oklch(0.76 0.1 145);
  --grass-300: oklch(0.83 0.085 143);
  --grass-200: oklch(0.89 0.06 141);

  /* --- Светлячки: тёплое живое свечение --- */

  --firefly-200: oklch(0.92 0.1 110);
  --firefly-300: oklch(0.88 0.13 112);
  --firefly-400: oklch(0.81 0.15 114);
  --firefly-glow: oklch(0.86 0.16 112 / 0.32);
  --firefly-glow-soft: oklch(0.86 0.16 112 / 0.16);

  /* --- Луна: тёплые почти-белые (текст) --- */

  --moon-50: oklch(0.965 0.008 110);
  --moon-100: oklch(0.925 0.013 108);
  --moon-200: oklch(0.85 0.02 112);

  /* --- Совместимость: прежние имена светлых токенов --- */

  --cream-50: var(--moon-50);
  --cream-100: var(--moon-100);
  --cream-200: var(--moon-200);

  /* --- Шалфей: приглушённый текст --- */

  --sage-400: oklch(0.655 0.026 155);
  --sage-500: oklch(0.54 0.022 155);

  /* --- Линии --- */

  --line-600: oklch(0.28 0.022 163);
  --line-500: oklch(0.345 0.026 161);

  /* --- Статусы --- */

  --danger-500: oklch(0.55 0.14 27);
  --danger-400: oklch(0.67 0.15 24);
  --danger-bg: oklch(0.24 0.05 27);
  --warn-500: oklch(0.76 0.125 85);
  --ok-500: oklch(0.73 0.12 155);

  /* --- Семантика поверхностей --- */

  --bg-page: var(--night-900);
  --bg-page-deep: var(--night-950);
  --bg-panel: var(--night-800);
  --bg-raised: var(--night-700);
  --bg-hover: var(--night-600);
  --bg-accent-subtle: var(--moss-800);
  --bg-accent: var(--moss-600);
  --bg-accent-hover: var(--moss-500);

  --text-primary: var(--moon-100);
  --text-secondary: var(--moon-200);
  --text-muted: var(--sage-400);
  --text-faint: var(--sage-500);
  --text-link: var(--grass-300);

  --border: var(--line-600);
  --border-strong: var(--line-500);
  --border-accent: var(--moss-600);

  /* --- Типографика ---
     Заголовки — Bitter (ночная тетрадь, мягкий антиквенный сериф).
     Тело — Golos Text (современный русский гротеск).
     Оба самописные, woff2, кириллица + латиница. */

  --font-display: "Bitter", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-sans: "Golos Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, "DejaVu Sans Mono", Menlo, monospace;

  /* Фиксированная шкала — интерфейс (чат, формы, сайдбар) */
  --fs-xs: 11.5px;
  --fs-sm: 12.5px;
  --fs-md: 14px;
  --fs-base: 15px;
  --fs-lg: 17px;
  --fs-xl: 21px;
  --fs-2xl: 26px;
  --fs-3xl: 32px;

  /* Жидкая шкала — витрина (лендинг, auth-панель) */
  --fs-hero: clamp(2.15rem, 1.1rem + 4.4vw, 3.9rem);
  --fs-h2: clamp(1.5rem, 1.1rem + 1.7vw, 2.15rem);
  --fs-lead: clamp(1.02rem, 0.95rem + 0.4vw, 1.22rem);

  --lh-tight: 1.24;
  --lh-normal: 1.55;

  /* --- Отступы (шкала 4) --- */

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 28px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 56px;
  --sp-16: 88px;

  /* --- Радиусы --- */

  --r-xs: 6px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 22px;
  --r-full: 999px;

  /* --- Тени и свечение --- */

  --shadow-1: 0 1px 2px oklch(0 0 0 / 0.4);
  --shadow-2: 0 14px 40px oklch(0.05 0.02 168 / 0.5);
  --shadow-3: 0 24px 64px oklch(0.05 0.02 168 / 0.55);
  --shadow-accent: 0 4px 20px oklch(0.65 0.115 148 / 0.3);
  --shadow-firefly: 0 2px 16px var(--firefly-glow);
  --glow-focus: 0 0 0 3px oklch(0.65 0.115 148 / 0.32);
  --glow-composer: 0 0 0 1px var(--moss-600), 0 0 22px oklch(0.56 0.1 150 / 0.2);

  /* --- Градиенты витрины --- */

  --grad-night: linear-gradient(
    180deg,
    oklch(0.15 0.015 172) 0%,
    var(--night-900) 46%,
    var(--night-900) 100%
  );
  --grad-accent: linear-gradient(135deg, var(--moss-600), var(--moss-500));
  --grad-firefly: radial-gradient(
    closest-side,
    var(--firefly-glow),
    transparent 70%
  );

  /* --- Каркас --- */

  --sidebar-w: 264px;
  --content-w: 1140px;
  --members-w: 232px;
  --transition-fast: 0.14s cubic-bezier(0.2, 0.7, 0.2, 1);
  --transition-med: 0.22s cubic-bezier(0.2, 0.7, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);

  /* --- Слои --- */

  --z-scene: 0;
  --z-content: 1;
  --z-header: 20;
  --z-backdrop: 40;
  --z-sidebar: 50;
  --z-members: 55;
  --z-toasts: 70;
  --z-skip: 100;
}

/* Отдельно: цветовые схемы для системных контролов */
:root { color-scheme: dark; }