:root {
    /* brand colors */
    --primary-color: #1d1234;
    --secondary-color: #1f1e33;
    --accent-color: #5500ff;
    --muted-color: #dadada;

    /* neutrals */
    --color-white: #ffffff;
    --color-surface: #202020;

    /* feedback */
    --color-danger: #ff6b6b;
    --stat-low: red;
    --stat-mid: orange;
    --stat-high: green;

    /* overlays / shadows */
    --overlay-loader: rgba(0, 0, 0, 0.6);
    --overlay-backdrop: rgba(0, 0, 0, 0.7);
    --shadow-card: rgba(0, 0, 0, 0.4);
    --glow-color: rgba(255, 255, 255, 0.3);
    --glow-accent: rgba(85, 0, 255, 0.3);
    --stat-track-color: rgba(255, 255, 255, 0.1);

    /* layout */
    --header-height: 6rem;

    /* spacing scale */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2rem;
    --space-6: 4rem;
    --space-7: 6rem;

    /* radius scale */
    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --radius-lg: 1rem;
    --radius-xl: 1.5rem;
    --radius-2xl: 2rem;
    --radius-full: 50%;

    /* transitions */
    --transition-fast: 0.1s ease;
    --transition-base: 0.2s ease;
    --transition-slow: 0.3s ease;
}