:root {

    /* =========================
       COLORS
    ========================== */

    --color-primary: #2563EB;

    --color-primary-light: #3B82F6;

    --color-success: #22C55E;

    --color-danger: #EF4444;

    --color-warning: #F59E0B;

    --color-background: #0B1120;

    --color-sidebar: #111827;

    --color-card: #172033;

    --color-border: rgba(255,255,255,0.06);

    --color-text: #E5E7EB;

    --color-text-muted: #94A3B8;

    --color-white: #FFFFFF;

    /* =========================
       EFFECTS
    ========================== */

    --shadow-sm:
    0 4px 20px rgba(0,0,0,0.25);

    --glow-primary:
    0 0 20px rgba(37,99,235,0.25);

    --radius-md: 16px;

}