/* Nextrax — дизайн-токены. Фирменные цвета знака: фиолетовое гранёное кольцо
   и салатовая молния. Фон — глубокий чернильно-фиолетовый, акцент — молния:
   цены, главные кнопки, выбранное. Имена токенов общие с другими нашими
   сайтами (служебные компоненты переносятся), значения — свои. */
:root {
  color-scheme: dark;
  --bg: #0c0a18;
  --bg-2: #120f24;
  --surface: #17142d;
  --surface-2: #1f1b3b;
  --surface-3: #2a2550;
  --line: rgba(172, 160, 255, 0.10);
  --line-strong: rgba(172, 160, 255, 0.22);

  --text: #f2f0ff;
  --muted: #a7a2cf;
  --faint: #6f6a99;

  --accent: #b6ff3e;          /* молния */
  --accent-hover: #ccff75;
  --accent-ink: #12140a;
  --accent-soft: rgba(182, 255, 62, 0.12);
  --violet: #6c5ce7;          /* кольцо */
  --violet-soft: rgba(108, 92, 231, 0.18);

  --good: #4ade80;
  --warn: #ffc24b;
  --bad: #ff5a7a;

  --font: "Golos Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Tektur", "Golos Text", system-ui, sans-serif;
  --fs-xs: 0.78rem;
  --fs-sm: 0.88rem;
  --fs-md: 1rem;
  --fs-lg: 1.12rem;
  --fs-xl: 1.45rem;
  --fs-2xl: clamp(1.8rem, 1.3rem + 2vw, 2.5rem);
  --fs-3xl: clamp(2.2rem, 1.4rem + 3.4vw, 3.6rem);

  --r-xs: 8px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 24px;
  --shadow: 0 24px 60px rgba(4, 2, 14, 0.6);

  --container: 1280px;
  --gutter: clamp(16px, 3.2vw, 32px);
  --header-h: 72px;
  --section: clamp(48px, 7vw, 88px);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --t-fast: 150ms;
  --t: 240ms;
}
@media (max-width: 760px) { :root { --header-h: 62px; } }