:root {
    --color-bg: #12001c;
    --color-surface: rgba(12, 0, 24, 0.74);
    --color-surface-strong: rgba(8, 0, 16, 0.92);
    --color-border: rgba(255, 255, 255, 0.16);
    --color-text: #ffffff;
    --color-muted: #d3bfe8;
    --color-accent: #ff4de0;
    --color-accent-2: #5a5aff;
    --gradient-brand: linear-gradient(45deg, #ff00cc, #3333ff, #ff00cc);

    --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2.5rem;

    --radius: 12px;
    --radius-sm: 8px;
    --content-width: 960px;
}