:root{

    /* Colors */
    --primary:#2563eb;
    --primary-hover:#1d4ed8;

    --background:#f5f7fb;

    --surface:#ffffff;

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

    --border:#d1d5db;

    /* Radius */
    --radius-sm:8px;
    --radius-md:12px;
    --radius-lg:16px;

    /* Shadow */
    --shadow:
        0 10px 30px rgba(15,23,42,.08);

    /* Spacing */
    --space-1:4px;
    --space-2:8px;
    --space-3:16px;
    --space-4:24px;
    --space-5:32px;
    --space-6:40px;
}