/* tokens.css — дизайн-система AngelVPN.
   Тёмная тема, акцент — огненный оранжевый/красный (как аватар). */

:root {
  /* --- Фон (тёплый практически чёрный) --- */
  --bg-base: #060301;
  --bg-soft: #0c0603;
  --bg-card: #100a06;

  /* --- Текст (тёплый светлый; имена «ink» сохранены) --- */
  --ink-900: #fdf1e9;
  --ink-700: #e9d7c8;
  --ink-500: #b39a86;
  --ink-400: #8c7766;
  --ink-300: #6a574a;

  --line: rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 150, 90, 0.18);

  /* --- Акцент (огненный оранжевый → красный; имена сохранены) --- */
  --pink: #ff6a1a;
  --magenta: #ff8a2a;
  --rose: #ffa052;
  --accent: #ff6a1a;
  --accent-ink: #ff9a5c;        /* ссылки на тёмном */

  --grad-accent: linear-gradient(135deg, #ff9a2e 0%, #ff6a1a 48%, #e23807 100%);
  --grad-accent-rev: linear-gradient(135deg, #e23807 0%, #ff6a1a 52%, #ff9a2e 100%);
  --grad-soft: linear-gradient(135deg, rgba(255, 106, 26, 0.2), rgba(255, 138, 42, 0.12));
  --grad-text: linear-gradient(120deg, #ffb066, #ff6a1a 56%, #ff8a3d);

  /* --- Стекло (тёплая тёмная аппроксимация) --- */
  --glass-bg: rgba(24, 13, 7, 0.55);
  --glass-bg-strong: rgba(18, 10, 5, 0.78);
  --glass-bg-dim: rgba(14, 8, 4, 0.5);
  --glass-stroke: rgba(255, 150, 90, 0.12);
  --glass-edge: rgba(255, 120, 60, 0.18);
  --glass-blur: 22px;

  --shadow-glass:
    0 24px 60px rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    inset 0 -1px 0 rgba(0, 0, 0, 0.3);
  --shadow-soft: 0 14px 34px rgba(0, 0, 0, 0.5);
  --shadow-lift:
    0 30px 70px rgba(0, 0, 0, 0.66),
    0 0 40px rgba(255, 106, 26, 0.12);

  /* --- Радиусы (кнопки pill, карточки lg, инпуты sm) --- */
  --r-xs: 10px;
  --r-sm: 14px;
  --r-md: 20px;
  --r-lg: 28px;
  --r-xl: 36px;
  --r-pill: 999px;

  /* --- Раскладка --- */
  --maxw: 1200px;
  --pad-x: clamp(20px, 5vw, 48px);
  --sect-y: clamp(72px, 11vw, 132px);

  /* --- Движение --- */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 0.18s;
  --t-mid: 0.34s;
  --t-slow: 0.6s;

  /* --- Типографика --- */
  --font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-display: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-display: clamp(2.4rem, 1.4rem + 4.6vw, 4.4rem);
  --fs-h2: clamp(1.85rem, 1.2rem + 2.6vw, 3rem);
  --fs-h3: clamp(1.2rem, 1rem + 0.9vw, 1.6rem);
  --fs-lead: clamp(1.05rem, 0.98rem + 0.5vw, 1.3rem);
  --fs-body: 1.02rem;
  --fs-sm: 0.9rem;
  --fs-xs: 0.78rem;

  /* --- z-слои --- */
  --z-bg: 0;
  --z-base: 1;
  --z-nav: 50;
  --z-modal: 80;
  --z-toast: 90;
}

@media (prefers-reduced-transparency: reduce) {
  :root {
    --glass-bg: rgba(18, 10, 5, 0.96);
    --glass-bg-strong: rgba(14, 8, 4, 0.98);
    --glass-bg-dim: rgba(14, 8, 4, 0.94);
    --glass-blur: 0px;
  }
}