:root {
    /* Brand palette */
    --color-primary: #ff2d9e;
    --color-secondary: #8a2be2;
    --color-accent: #ff6ec7;
    --color-deep-violet: #2b144d;
    --color-bg: #0d1330;
    --color-bg-elevated: #13173a;
    --color-surface: #171b45;
    --color-surface-hover: #1d2252;
    --color-border: rgba(255, 255, 255, 0.09);
    --color-text: #fff6f4;
    --color-text-muted: #b3aed6;
    --color-text-faint: #7b76a8;
    --color-danger: #ff5c7a;
    --color-danger-bg: rgba(255, 92, 122, 0.12);
    --color-success: #35e0a1;
    --color-success-bg: rgba(53, 224, 161, 0.12);
    --color-warning: #ffb84d;
    --color-warning-bg: rgba(255, 184, 77, 0.12);

    --gradient-brand: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    --gradient-glow: radial-gradient(circle at 15% -10%, rgba(255, 45, 158, 0.35), transparent 55%),
        radial-gradient(circle at 85% 0%, rgba(138, 43, 226, 0.3), transparent 55%);

    --font-heading: 'Poppins', 'Nunito Sans', sans-serif;
    --font-body: 'Nunito Sans', 'Poppins', sans-serif;

    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 24px;
    --radius-pill: 999px;

    --shadow-card: 0 24px 60px rgba(3, 4, 20, 0.55);
    --shadow-glow: 0 10px 40px rgba(255, 45, 158, 0.25);

    --container-width: 1120px;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-8: 3rem;
}