/* ============================================================
   AZI — дизайн-токены «Дала-премиум».
   Источник истины: azi-app/src/app.css (блок @theme) и дизайн в Paper
   («AZI — Design»). Держим 1:1. Правим только вслед за источником.

   Единственный файл в репозитории, где разрешены сырые цвета.
   ============================================================ */
:root {
  /* — Шрифты —
     Расходится с azi-app намеренно: там --font-sans это Manrope, а Manrope
     не рисует ә ғ қ ң ұ — пять казахских букв из девяти уходят в системный
     фолбэк. Весь текст лендингов казахский, поэтому здесь Golos Text:
     кириллица у него родная, все девять на месте. Проверено разбором cmap
     сабсетов cyrillic и cyrillic-ext. */
  --font-sans: 'Golos Text', ui-sans-serif, system-ui, sans-serif;
  --font-display: 'Golos Text', ui-sans-serif, system-ui, sans-serif;
  /* Playfair Display не покрывает ә ғ қ ң ө ү һ — на казахском не использовать. */
  --font-brand: 'Playfair Display', Georgia, serif;
  --font-brand-kk: 'PT Serif', Georgia, serif;

  /* — Поверхности (ночь) — */
  --color-night-950: #000000;
  --color-night-900: #060607;
  --color-night-800: #131316;
  --color-night-700: #212126;
  --color-night-ruby: #221013;

  /* — Золото — */
  --color-gold-300: #f1c75b;
  --color-gold-400: #dfa93b;
  --color-gold-500: #c48b24;
  --color-gold-600: #9a6c18;

  /* — Сукно (рубин, второй цвет бренда) — */
  --color-felt-900: #2e0a10;
  --color-felt-800: #451018;
  --color-felt-700: #5e1620;
  --color-felt-600: #7a1c29;
  --color-felt-500: #a62b3c;
  --color-felt-300: #f08990;

  /* — Акценты — */
  --color-bone: #f4efe3;
  --color-clay: #c2603e;
  --color-emerald: #2ec488;
  --color-crimson: #c53744;

  /* — Рампа текста (bone с прозрачностью) — */
  --color-text-strong: #f4efe3d9;
  --color-text-secondary: #f4efe3b3;
  --color-text-muted: #f4efe38c;
  --color-text-faint: #f4efe366;
  --color-text-dim: #f4efe340;

  /* — Контуры — */
  --color-hairline-soft: #ffffff0f;
  --color-hairline: #ffffff1a;
  --color-hairline-strong: #ffffff26;
  --color-sheen: #ffffff59; /* верхний блик на золотой кнопке, 35% */

  /* — Золотые кольца и свечение (производные от gold-500) — */
  --color-gold-tint: #c48b241f;
  --color-gold-ring-soft: #c48b2440;
  --color-gold-ring: #c48b2459;
  --color-gold-ring-strong: #c48b248c;
  --color-gold-glow: #c48b2499;

  /* — Затемнения — */
  --color-scrim: #0000008c;
  --color-scrim-strong: #000000cc;

  /* — Шкала кеглей — */
  --text-2xs: 10px;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 30px;
  --text-4xl: 36px;
  --text-5xl: 48px;

  /* — Радиусы — */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-3xl: 24px;
  --radius-4xl: 28px;
  --radius-full: 9999px;

  /* — Отступы — */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* — Готовые поверхности — */
  --grad-gold: linear-gradient(180deg, var(--color-gold-300), var(--color-gold-500));
  --grad-dome: radial-gradient(130% 55% at 50% -12%, #a62b3c73 0%, #5e162040 45%, transparent 72%);
  --grad-night: radial-gradient(130% 90% at 50% 0%, #15110a 0%, #0b0b0d 55%, #060607 100%);
  --shadow-gold: 0 10px 26px #c48b2447;
  --shadow-lift: 0 18px 40px #00000073;
}