:root {
    color-scheme: dark;
    --font-heading: 'Space Grotesk', 'Inter', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    --font-mono: 'IBM Plex Mono', 'SFMono-Regular', Consolas, Monaco, monospace;
    --color-bg: #0a0e27;
    --color-surface: #151937;
    --color-surface-alt: #1b1f3b;
    --color-surface-highlight: rgba(255, 46, 99, 0.18);
    --color-text: #e8e8e8;
    --color-text-strong: #ffffff;
    --color-text-muted: #8f96b3;
    --color-primary: #B30027;
    --color-primary-strong: #961338;
    --color-accent-text: #ff2e63;
    --color-accent-text-strong: #d81b52;
    --color-cyan: #00d9ff;
    --color-yellow: #ffbe0b;
    --color-purple: #8338ec;
    --color-border: rgba(255, 255, 255, 0.14);
    --color-border-strong: rgba(255, 255, 255, 0.35);
    --shadow-primary: 14px 14px 0 rgba(255, 46, 99, 0.2);
    --shadow-cyan: -14px 14px 0 rgba(0, 217, 255, 0.22);
    --shadow-yellow: 14px -14px 0 rgba(255, 190, 11, 0.22);
    --shadow-ghost: 10px 10px 0 rgba(232, 232, 232, 0.08);
    --shadow-form: 16px 16px 0 rgba(255, 46, 99, 0.18);
    --space-3xs: 0.3rem;
    --space-xxs: 0.45rem;
    --space-xs: 0.75rem;
    --space-sm: 1.35rem;
    --space-md: 2.4rem;
    --space-lg: 3.75rem;
    --space-xl: 5.6rem;
    --max-width: 1280px;
    --transition-default: 0.2s ease;
}