:root{

    /* Brand */

    --primary:#16A34A;
    --primary-hover:#15803D;

    /* Neutral */

    --background:#F5F7F8;
    --surface:#FFFFFF;

    --border:#E5E7EB;

    --text:#0F172A;
    --text-light:#64748B;

    /* Status */

    --success:#22C55E;
    --warning:#F59E0B;
    --danger:#EF4444;

    /* Radius */

    --radius-sm:10px;
    --radius-md:16px;
    --radius-lg:24px;

    /* Shadow */

    --shadow:
        0 4px 20px rgba(15,23,42,.05);

    /* Space */

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

}