:root {
    /* === Бренд === */
    --c-navy-900: #050b1f;   /* почти чёрный синий, фон */
    --c-navy-800: #0a1530;
    --c-navy-700: #0f1f45;
    --c-navy-600: #142a5c;

    --c-neon-500: #2f80ff;   /* неоновый синий */
    --c-neon-400: #4d9bff;
    --c-neon-300: #7ab8ff;
    --c-neon-glow: rgba(47, 128, 255, 0.55);

    --c-cyan-400: #22d3ee;   /* акцент для градиентов */
    --c-violet-500: #7c5cff; /* второй градиентный стоп */

    /* === Текст === */
    --c-text:      #eaf1ff;
    --c-text-soft: #a9b8d8;
    --c-text-dim:  #6b7ea6;

    /* === Поверхности === */
    --c-surface:       rgba(15, 31, 69, 0.55);
    --c-surface-solid: #0d1a3a;
    --c-border:        rgba(122, 184, 255, 0.18);
    --c-border-strong: rgba(122, 184, 255, 0.4);

    /* === Градиенты === */
    --g-primary: linear-gradient(135deg, #2f80ff 0%, #7c5cff 100%);
    --g-primary-hover: linear-gradient(135deg, #4d9bff 0%, #9376ff 100%);
    --g-radial-bg: radial-gradient(circle at 20% 0%, rgba(47,128,255,.25), transparent 45%),
                   radial-gradient(circle at 90% 30%, rgba(124,92,255,.22), transparent 50%),
                   radial-gradient(circle at 50% 100%, rgba(34,211,238,.12), transparent 55%);

    /* === Тени / свечение === */
    --shadow-sm: 0 4px 14px rgba(0,0,0,.35);
    --shadow-md: 0 12px 36px rgba(0,0,0,.45);
    --glow-neon: 0 0 0 1px rgba(77,155,255,.4), 0 8px 32px rgba(47,128,255,.45);

    /* === Радиусы === */
    --r-sm: 8px;
    --r-md: 14px;
    --r-lg: 20px;
    --r-xl: 28px;
    --r-pill: 999px;

    /* === Типографика === */
    --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    --fs-xs: 0.8125rem;   /* 13 */
    --fs-sm: 0.9375rem;   /* 15 */
    --fs-md: 1rem;        /* 16 */
    --fs-lg: 1.125rem;    /* 18 */
    --fs-xl: clamp(1.5rem, 1.2rem + 1.4vw, 2rem);
    --fs-2xl: clamp(2rem, 1.4rem + 3vw, 3.25rem);   /* hero */
    --fs-3xl: clamp(2.5rem, 1.5rem + 5vw, 4.5rem);  /* hero XL */

    /* === Сетка === */
    --container: 1200px;
    --gutter: clamp(16px, 3vw, 32px);

    /* === Анимации === */
    --t-fast: 150ms ease;
    --t-base: 250ms cubic-bezier(.4,0,.2,1);
    --t-slow: 500ms cubic-bezier(.2,.8,.2,1);
}