/* ============================================================
   Дизайн-токены. Кинематографичная тёмная премиум-тема.
   Чернила (ink) + золото (gold) + холодная бирюза акцента.
   ============================================================ */
:root {
  /* --- Базовые цвета фона --- */
  --ink-900: #05070c;
  --ink-850: #080b12;
  --ink-800: #0b0f18;
  --ink-700: #11162130; /* не используется напрямую */
  --bg: var(--ink-900);
  --bg-elev: #0d1220;

  /* --- Стекло / панели --- */
  --glass: rgba(18, 24, 38, 0.6);
  --glass-strong: rgba(20, 27, 44, 0.82);
  --glass-soft: rgba(255, 255, 255, 0.03);
  --stroke: rgba(255, 255, 255, 0.08);
  --stroke-strong: rgba(255, 255, 255, 0.16);
  --hairline: rgba(255, 255, 255, 0.06);

  /* --- Текст --- */
  --text: #eef2f8;
  --text-dim: #a7b0c2;
  --text-faint: #6b7489;

  /* --- Акценты --- */
  --gold: #e8c36a;
  --gold-deep: #c79a3c;
  --gold-soft: rgba(232, 195, 106, 0.14);
  --cyan: #58e0d8;
  --cyan-deep: #2bb6ad;
  --violet: #8a7bff;

  /* --- Семантика --- */
  --ok: #4fd396;
  --ok-soft: rgba(79, 211, 150, 0.14);
  --danger: #ff6b6b;
  --danger-soft: rgba(255, 107, 107, 0.14);
  --warn: #ffbf5a;
  --warn-soft: rgba(255, 191, 90, 0.14);

  /* --- Градиенты --- */
  --grad-gold: linear-gradient(135deg, #f3d487 0%, #e8c36a 40%, #c79a3c 100%);
  --grad-cyan: linear-gradient(135deg, #7af0e8 0%, #58e0d8 45%, #2bb6ad 100%);
  --grad-aurora: radial-gradient(
      120% 120% at 15% 10%,
      rgba(138, 123, 255, 0.18) 0%,
      transparent 55%
    ),
    radial-gradient(100% 100% at 90% 20%, rgba(88, 224, 216, 0.16) 0%, transparent 50%),
    radial-gradient(120% 120% at 70% 100%, rgba(232, 195, 106, 0.14) 0%, transparent 55%);

  /* --- Типографика --- */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-ui: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace;

  /* Плавная типошкала (clamp для 1366→1920) */
  --fs-hero: clamp(42px, 6vw, 92px);
  --fs-h1: clamp(30px, 3.4vw, 52px);
  --fs-h2: clamp(23px, 2.3vw, 34px);
  --fs-h3: clamp(18px, 1.5vw, 23px);
  --fs-lead: clamp(16px, 1.35vw, 21px);
  --fs-body: clamp(14px, 1.05vw, 17px);
  --fs-sm: 13px;
  --fs-xs: 11px;

  /* --- Радиусы --- */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 26px;
  --r-xl: 36px;
  --r-pill: 999px;

  /* --- Тени --- */
  --sh-sm: 0 2px 10px rgba(0, 0, 0, 0.35);
  --sh-md: 0 18px 50px rgba(0, 0, 0, 0.45);
  --sh-lg: 0 40px 120px rgba(0, 0, 0, 0.6);
  --glow-gold: 0 0 40px rgba(232, 195, 106, 0.28);
  --glow-cyan: 0 0 40px rgba(88, 224, 216, 0.26);

  /* --- Пространство --- */
  --pad-page: clamp(20px, 5vw, 90px);
  --maxw: 1240px;

  /* --- Движение --- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-1: 0.18s;
  --dur-2: 0.4s;
  --dur-3: 0.7s;
  --dur-4: 1.1s;

  --z-splash: 100;
  --z-topbar: 60;
  --z-modal: 90;
}