/* Дизайн-токены АСП. Источник — «Брендбук АСП, превью от 24 марта 2025».
   Палитра, шрифт и концепция «северное сияние» заданы брендбуком и не выдумываются здесь.
   Отдельный сайт направления переопределяет только семантический слой в своём site.css. */

:root {
  /* ── Фирменная палитра (брендбук, с. 4) ─────────────────────────────────── */

  /* Основные */
  --asp-navy: #131a2d; /* глубокий уверенный синий; заменяет чёрный — #000 не используем */
  --asp-navy-calm: #0d47a1; /* умиротворённый синий */
  --asp-blue: #2979ff; /* яркий динамичный синий */
  --asp-blue-deep: #2962ff; /* тот же синий, но темнее */
  --asp-teal: #1de9b6; /* акцентный бирюзовый */
  --asp-teal-light: #64ffda;
  --asp-teal-deep: #00bfa5;

  /* Воздушные оттенки */
  --asp-air-100: #e1f5fe;
  --asp-air-200: #b2ebf2;
  --asp-air-300: #bbdefb;
  --asp-air-400: #90caf9;

  /* Производные тени того же тона — для утопленных плоскостей и градиентов сцены.
     Это не новые цвета бренда, а затемнения --asp-navy. */
  --asp-navy-deep: #0e1424;
  --asp-navy-soft: #1b2540;

  /* ── Семантика: тёмная сцена (первый экран, финал, подвал) ───────────────── */

  --bg: var(--asp-navy);
  --bg-deep: var(--asp-navy-deep);
  --ink: #f2fbff;
  --ink-2: #c2d4ea;
  /* Приглушённый текст намеренно обесцвечен: воздушный #90caf9 на тёмном читается
     как ссылка, и реквизиты в подвале начинают выглядеть кликабельными. */
  --ink-muted: #8fa0ba;
  --line: rgb(255 255 255 / 12%);
  --line-strong: rgb(255 255 255 / 22%);

  /* Стекло. Применяем точечно — только там, где под панелью реально есть что размывать. */
  --glass-bg: rgb(255 255 255 / 6%);
  --glass-line: rgb(255 255 255 / 14%);
  --glass-blur: 18px;

  /* ── Семантика: светлый «воздушный» акт (каталог, услуги, работы) ────────── */

  --lt-bg: #f3f9ff;
  --lt-bg-2: #ffffff;
  --lt-ink: var(--asp-navy);
  --lt-ink-2: #3c4a67;
  --lt-ink-muted: #5b6a88;
  --lt-line: #d7e6f7;

  /* ── Свечение северного сияния ──────────────────────────────────────────── */

  --glow-blue: rgb(41 121 255 / 40%);
  --glow-teal: rgb(29 233 182 / 32%);

  /* ── Типографика ────────────────────────────────────────────────────────── */

  --font: 'Onest', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Брендбук просит размерность, кратную 2: 12 · 24 · 32 · 48 · 72 */
  --fs-xs: 0.75rem; /* 12 */
  --fs-sm: 0.875rem; /* 14 */
  --fs-base: 1.0625rem; /* 17 */
  --fs-lg: 1.125rem; /* 18 */
  --fs-xl: 1.5rem; /* 24 */
  --fs-h3: clamp(1.25rem, 1.05rem + 0.85vw, 1.5rem); /* → 24 */
  --fs-h2: clamp(1.75rem, 1.15rem + 2.5vw, 3rem); /* → 48 */
  --fs-display: clamp(2.5rem, 1.55rem + 4.2vw, 4.5rem); /* → 72 */

  --lh-tight: 1.08;
  --lh-heading: 1.16;
  --lh-body: 1.65; /* светлый текст на тёмном требует воздуха */

  /* ── Ритм ───────────────────────────────────────────────────────────────── */

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: clamp(3.5rem, 1.9rem + 6vw, 6.5rem);

  --container: 76rem;
  --container-narrow: 52rem;

  --radius-sm: 0.5rem;
  --radius: 0.75rem;
  --radius-lg: 1rem; /* потолок для карточек — выше начинается «мыло» */
  --radius-pill: 999px;

  /* ── Движение ───────────────────────────────────────────────────────────── */

  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

  --dur-fast: 140ms;
  --dur: 240ms;
  --dur-slow: 420ms;

  /* ── Слои ───────────────────────────────────────────────────────────────── */

  --z-base: 0;
  --z-raised: 10;
  --z-sticky: 100;
  --z-header: 200;
  --z-overlay: 300;
  --z-modal: 400;
  --z-toast: 500;
}