:root{

    /* Cores Principais */

    --primary:#2563EB;
    --primary-hover:#1D4ED8;

    --secondary:#0F172A;

    --background:#F8FAFC;

    --surface:#FFFFFF;

    --border:#E2E8F0;

    --text:#0F172A;

    --text-light:#64748B;

    --success:#16A34A;

    --danger:#DC2626;

    --warning:#F59E0B;

    /* Bordas */

    --radius-sm:8px;

    --radius-md:12px;

    --radius-lg:18px;

    /* Sombras */

    --shadow-sm:0 2px 10px rgba(0,0,0,.05);

    --shadow-md:0 8px 25px rgba(0,0,0,.08);

    --shadow-lg:0 20px 50px rgba(0,0,0,.12);

}