/* Глубина — дизайн-токены. Общие для лендинга (mydepth.ru) и кабинета
   (cabinet.mydepth.ru — копия в cabinet/src/styles/tokens.css, править обе).
   Мир: ночь, тёплая темнота, золото как единственный источник света.
   Контраст посчитан для текста на --bg и --bg-raised (WCAG AA). */

:root{
  /* Поверхности: тёплый почти-чёрный, ступени — по светлоте, не по цвету */
  --bg:#0b0907;
  --bg-sunken:#070605;
  --bg-raised:#14110d;
  --bg-raised-2:#1c1813;

  /* Текст */
  --text:#f2ebdd;          /* 16.4:1 на --bg */
  --text-muted:#b9ad97;    /* 8.6:1 на --bg, 7.9:1 на --bg-raised */
  --text-faint:#8c8170;    /* 5.0:1 на --bg — только подписи ≥14px */

  /* Золото */
  --gold:#d4b25c;          /* 9.6:1 на --bg — акцент, крупный текст, кнопки */
  --gold-bright:#ecd38e;
  --gold-dim:#8f7536;      /* линии и иконки, не текст */
  --on-gold:#120e07;       /* текст на золотой кнопке: 9.3:1 */

  /* Линии */
  --line:#2a241b;
  --line-strong:#3d3426;

  /* Состояния */
  --ok:#8fbf8a;
  --danger:#e08a7a;

  /* Шрифты */
  --font-display:'Cormorant Garamond', 'Times New Roman', serif;
  --font-body:'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Шкала типографики (fluid, 360 → 1440) */
  --fs-xs:.8125rem;
  --fs-sm:.9375rem;
  --fs-base:1.0625rem;
  --fs-lg:clamp(1.125rem, 1.05rem + .35vw, 1.3125rem);
  --fs-h3:clamp(1.5rem, 1.35rem + .7vw, 1.875rem);
  --fs-h2:clamp(2.125rem, 1.7rem + 2vw, 3.375rem);
  --fs-h1:clamp(2.5rem, 1.7rem + 4.2vw, 5.5rem);
  --fs-num:clamp(3.5rem, 2.6rem + 4vw, 6rem);

  /* Ритм */
  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem;
  --space-5:1.5rem; --space-6:2rem; --space-7:3rem; --space-8:4.5rem;
  --space-section:clamp(4.5rem, 3rem + 5vw, 8rem);

  --radius-sm:4px;
  --radius:8px;
  --radius-lg:14px;

  --container:1200px;
  --measure:62ch;
  --gutter:clamp(1rem, .6rem + 2vw, 2.5rem);

  --ease-out:cubic-bezier(.16,1,.3,1);
  --shadow-lift:0 18px 40px -18px rgba(0,0,0,.7), 0 2px 6px rgba(0,0,0,.35);
}