/**
 * CharismaVPN — единая палитра (как мобильное приложение: тёмная база + фиолетово-синий акцент).
 * Подключается первым перед остальными стилями сайта / кабинета.
 */
:root {
    --ch-page: #05060b;
    --ch-page-soft: #080b12;
    --ch-surface: #10141f;
    --ch-card: rgba(18, 24, 38, 0.94);
    --ch-card-solid: #141c2e;
    --ch-elevated: #1c2540;
    --ch-input: rgba(7, 9, 16, 0.65);
    --ch-border: rgba(148, 163, 184, 0.18);
    --ch-border-soft: rgba(148, 163, 184, 0.1);
    --ch-text: #e8eef8;
    --ch-muted: #94a3b8;
    --ch-accent: #6366f1;
    --ch-accent-strong: #4f46e5;
    --ch-accent-soft: #818cf8;
    --ch-purple: #c084fc;
    --ch-purple-deep: #7c3aed;
    --ch-blue: #3b82f6;
    --ch-gradient-brand: linear-gradient(135deg, #6366f1 0%, #7c3aed 52%, #2563eb 100%);
    --ch-gradient-page: radial-gradient(
        ellipse 120% 70% at 50% -20%,
        rgba(124, 58, 237, 0.22),
        transparent 55%
      ),
      radial-gradient(ellipse 80% 50% at 100% 0%, rgba(37, 99, 235, 0.12), transparent 50%),
      linear-gradient(180deg, #070910 0%, #05060b 42%, #04050a 100%);
    --ch-header-glass: rgba(6, 8, 14, 0.78);

    --footer-bg: #020308;

    /* Совместимость с существующими именами переменных */
    --primary: var(--ch-accent);
    --primary-dark: var(--ch-accent-strong);
    --primary-light: var(--ch-accent-soft);
    --secondary: #f1f5f9;
    --accent: var(--ch-purple);
    --light: var(--ch-card-solid);
    --light-bg: var(--ch-page-soft);
    --dark: #ced7ea;
    --gray: var(--ch-muted);
    --gray-light: var(--ch-border);
    --success: #34d399;
    --danger: #f87171;
    --warning: #fbbf24;

    --border-radius: 12px;
    --border-radius-lg: 18px;
    --shadow: 0 16px 48px rgba(0, 0, 0, 0.42), 0 0 0 1px var(--ch-border-soft);
    --shadow-lg: 0 28px 72px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(148, 163, 184, 0.12);
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}