:root{

    /* ========= CORES ========= */

    --primary:#2F80ED;
    --primary-dark:#1D4ED8;
    --primary-light:#EAF4FF;

    --secondary:#10B981;
    --secondary-light:#ECFDF5;

    --accent:#F59E0B;

    --white:#FFFFFF;

    --background:#F8FAFC;

    --surface:#FFFFFF;

    --surface-alt:#F3F7FB;

    --text:#1F2937;

    --text-light:#6B7280;

    --border:#E5E7EB;

    --success:#22C55E;

    --danger:#EF4444;

    /* ========= CONTAINER ========= */

    --container:1200px;

    /* ========= RADIUS ========= */

    --radius-xs:6px;
    --radius-sm:10px;
    --radius-md:14px;
    --radius-lg:20px;
    --radius-xl:28px;

    /* ========= SHADOW ========= */

    --shadow-sm:0 5px 15px rgba(0,0,0,.05);

    --shadow-md:0 10px 30px rgba(0,0,0,.08);

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

    /* ========= TRANSITION ========= */

    --transition:.3s ease;

    /* ========= ESPAÇAMENTO ========= */

    --space-1:8px;
    --space-2:16px;
    --space-3:24px;
    --space-4:32px;
    --space-5:48px;
    --space-6:64px;
    --space-7:80px;
    --space-8:120px;

}