:root{
    /* Brand */
    --color-primary:#2563EB;
    --color-primary-hover:#1D4ED8;

    --color-success:#16A34A;
    --color-warning:#F59E0B;
    --color-danger:#DC2626;

    /* Surface */
    --color-background:#F5F7FB;
    --color-surface:#FFFFFF;
    --color-sidebar:#182433;
    --color-sidebar-hover:#243447;

    /* Text */
    --color-text:#111827;
    --color-text-muted:#6B7280;
    --color-border:#E5E7EB;

    /* Spacing */
    --space-1:4px;
    --space-2:8px;
    --space-3:12px;
    --space-4:16px;
    --space-5:24px;
    --space-6:32px;
    --space-7:48px;

    /* Radius */
    --radius-sm:8px;
    --radius-md:12px;
    --radius-lg:20px;
    --radius-xl:28px;

    /* Shadow */
    --shadow-sm:0 2px 8px rgba(15,23,42,.06);
    --shadow-md:0 8px 24px rgba(15,23,42,.08);
    --shadow-lg:0 18px 48px rgba(15,23,42,.12);

    /* Layout */
    --sidebar-width:280px;
    --topbar-height:72px;

    /* Motion */
    --transition-fast:.15s ease;
    --transition:.25s ease;
}