:root {
  /* Background layers — взяты 1:1 из палитры кабинета LUNARY VPN
     (настройки бота, /cabinet/branding/colors). Сайт и кабинет — одно место. */
  --color-bg: #0f0a1a;
  --color-surface: rgb(30, 27, 46);       /* darkSurface кабинета */
  --color-surface-2: rgb(24, 20, 38);
  --color-surface-3: rgb(38, 32, 58);
  --color-surface-deep: rgb(15, 10, 26);  /* darkBackground */

  /* Акцент — фиолетовый с логотипа: луна, щит, орбита.
     Текст по акценту только тёмный: белый по #a855f7 даёт 3.9:1 и по мелкому
     кеглю читается плохо, тёмный — 5.3:1. Тот же приём, что на сайте
     CooperVPN с золотым акцентом. */
  --color-accent: rgb(168, 85, 247);       /* #a855f7 */
  --color-accent-light: rgb(192, 132, 252);/* #c084fc */
  --color-accent-dark: rgb(147, 51, 234);  /* #9333ea */
  --color-accent-rgb: 168, 85, 247;
  --color-on-accent: #1a0533;

  --color-text: rgba(255, 255, 255, 0.92);
  --color-text-muted: rgba(255, 255, 255, 0.62);
  --color-text-faint: rgba(255, 255, 255, 0.4);
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-strong: rgba(255, 255, 255, 0.14);

  --font-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Outfit', 'Manrope', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  --radius-card: 24px;
  --radius-sm: 12px;
  --radius-pill: 999px;

  --shadow-glow: 0 0 20px rgba(var(--color-accent-rgb), 0.18);
  --shadow-glow-lg: 0 0 50px rgba(var(--color-accent-rgb), 0.22);
  --shadow-card: 0 4px 24px -4px rgba(0, 0, 0, 0.45);

  --container-w: 1160px;
  --transition-smooth: cubic-bezier(0.16, 1, 0.3, 1);
}