:root {
    color-scheme: dark;
    --font-sans: "DM Sans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-mono: "IBM Plex Mono", "Cascadia Code", Consolas, monospace;
    --bg-primary: #15131a;
    --bg-secondary: #1b1821;
    --surface: #211d29;
    --surface-raised: #2a2433;
    --surface-strong: #342c40;
    --input-bg: #19161f;
    --card-bg: var(--surface);
    --text-primary: #f7f4fa;
    --text-secondary: #ddd6e5;
    --text-muted: #bfb6c9;
    --text-inverse: #ffffff;
    --accent-color: #5b21b6;
    --accent-hover: #4c1d95;
    --accent-soft: #281842;
    --accent-border: #8064b5;
    --border-color: #746582;
    --border-subtle: #4f445a;
    --success: #4ade80;
    --warning: #fbbf24;
    --error: #fb7185;
    --info: #93c5fd;
    --focus: #d8b4fe;
    --shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --sidebar-width: 17rem;
    --content-width: 78rem;
    --ease: 160ms ease;
}