:root{

    --color-primary:#2563eb;

    --color-background:#f4f6f9;

    --color-surface:#ffffff;

    --color-border:#e5e7eb;

    --color-text:#111827;

    --color-text-light:#6b7280;

    --sidebar-width:250px;

    --topbar-height:64px;

    --radius:12px;

    --shadow:
        0 10px 25px rgba(0,0,0,.06);

    --space-1:4px;
    --space-2:8px;
    --space-3:12px;
    --space-4:16px;
    --space-5:24px;
    --space-6:32px;

    --transition:.20s ease;

    --font-family:
        Inter,
        system-ui,
        sans-serif;

}