:root {
    /* Colors */
    --bg: #0f1117;
    --surface: #1a1d27;
    --surface-2: #22263a;
    --surface-3: #2a2e42;
    --border: #2d3148;
    --text: #e4e6f0;
    --text-dim: #8b8fa8;
    --accent: #6c5ce7;
    --accent-glow: rgba(108,92,231,.25);
    --green: #00cec9;
    --green-glow: rgba(0,206,201,.2);
    --red: #e17355;
    --orange: #fdcb6e;
    --pink: #fd79a8;

    /* Spacing */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 40px;

    /* Typography */
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-mono: 'SF Mono', Monaco, Consolas, monospace;
    --fs-xs: .72rem;
    --fs-sm: .82rem;
    --fs-base: .88rem;
    --fs-md: .92rem;
    --fs-lg: 1.05rem;
    --fs-xl: 1.4rem;
    --fs-2xl: 1.8rem;

    /* Shapes */
    --radius: 14px;
    --radius-sm: 8px;
    --radius-btn: 10px;
    --radius-pill: 20px;
    --transition: .25s cubic-bezier(.4,0,.2,1);

    /* Layout */
    --sidebar-w: 240px;
    --sidebar-collapsed-w: 64px;
    --ctrl-h: 36px;
    --container-max: 1200px;

    /* Z-index stack */
    --z-sidebar: 100;
    --z-sidebar-overlay: 99;
    --z-dropdown: 200;
    --z-backdrop: 300;
    --z-modal: 310;
    --z-toast: 9999;
}