:root {
    --color-bg:             #0d1b2a;
    --color-surface:        rgba(255,255,255,0.10);
    --color-surface-hover:  rgba(255,255,255,0.16);
    --color-surface-footer: rgba(255,255,255,0.05);
    --color-primary:        #a78bfa;
    --color-primary-dark:   #c4b5fd;
    --color-secondary:      #93c5fd;
    --color-accent:         #f9a8d4;
    --color-text:           #f0eeff;
    --color-text-muted:     rgba(240,238,255,0.55);
    --color-border:         rgba(255,255,255,0.22);
    --color-border-footer:  rgba(255,255,255,0.15);
    --shadow-card:          0 8px 32px rgba(0,0,0,0.40);
    --shadow-glow:          0 0 28px rgba(167,139,250,0.30), 0 8px 32px rgba(0,0,0,0.40);
    --shadow-footer:        0 -4px 16px rgba(0,0,0,0.45);
    --radius-sm:            6px;
    --radius-md:            14px;
    --font-sans:            'Segoe UI', system-ui, -apple-system, sans-serif;
}