:root{

    /*==================================================
                    BRAND COLORS
    ==================================================*/

    --primary:#2563eb;
    --primary-dark:#1d4ed8;

    --secondary:#06b6d4;

    --accent:#7c3aed;

    --success:#10b981;

    --danger:#ef4444;

    --warning:#f59e0b;



    /*==================================================
                    BACKGROUND
    ==================================================*/

    --white:#ffffff;

    --light:#f8fafc;

    --light-gray:#f1f5f9;

    --dark:#08111f;

    --dark-2:#111827;



    /*==================================================
                    TEXT
    ==================================================*/

    --heading:#111827;

    --text:#64748b;

    --text-light:#94a3b8;



    /*==================================================
                    BORDER
    ==================================================*/

    --border:#e2e8f0;



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

    --shadow-sm:0 4px 12px rgba(0,0,0,.08);

    --shadow-md:0 12px 35px rgba(0,0,0,.12);

    --shadow-lg:0 20px 60px rgba(0,0,0,.18);



    /*==================================================
                    FONT
    ==================================================*/

    --heading-font:'Poppins',sans-serif;

    --body-font:'Inter',sans-serif;



    /*==================================================
                    SIZE
    ==================================================*/

    --container:1200px;

    --section-padding:100px;

    --radius:12px;

    --transition:.35s ease;

}