:root{

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

    --primary:#0B2341;
    --primary-light:#173A68;

    --secondary:#0099D8;

    --success:#00B67A;

    --danger:#E63946;

    --warning:#F4A261;

    --white:#FFFFFF;

    --background:#F7F9FC;

    --surface:#FFFFFF;

    --border:#E5E7EB;

    --text:#2D3748;

    --text-light:#718096;



    /* ========= FONTS ========= */

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

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



    /* ========= WIDTH ========= */

    --container:1440px;

    --container-small:1200px;



    /* ========= SPACING ========= */

    --space-1:4px;

    --space-2:8px;

    --space-3:16px;

    --space-4:24px;

    --space-5:32px;

    --space-6:48px;

    --space-7:64px;

    --space-8:80px;

    --space-9:120px;



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

    --radius-sm:8px;

    --radius-md:16px;

    --radius-lg:24px;

    --radius-xl:40px;



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

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

    --shadow-md:0 12px 30px rgba(11,35,65,.08);

    --shadow-lg:0 25px 60px rgba(11,35,65,.12);



    /* ========= TRANSITIONS ========= */

    --transition:.35s ease;



    /* ========= HEADER ========= */

    --header-height:90px;

}