/* ==========================================================
   ENHANCE & EXCEL
   Executive Blue Premium v4.0
   variables.css
========================================================== */

/* ---------- COLORS ---------- */

:root{

    --primary:#0E497C;
    --primary-dark:#0A355A;
    --primary-light:#2D6CA8;

    --primary-blue:#0E497C;

    --accent:#D62828;
    --accent-dark:#B71C1C;

    --primary-red:#D62828;

    --white:#FFFFFF;
    --off-white:#FAFBFD;

    --text:#17304F;
    --text-light:#5E7289;
    --text-dark:#17304F;

    --border:#E3EBF3;

    --success:#2E7D32;

}


/* ---------- TYPOGRAPHY ---------- */

:root{

    --font-heading:'Oswald', sans-serif;
    --font-body:'Lato', sans-serif;

    --fw-light:300;
    --fw-regular:400;
    --fw-medium:500;
    --fw-bold:700;

}


/* ---------- FONT SIZES ---------- */

:root{

    --fs-xs:12px;
    --fs-sm:14px;
    --fs-base:16px;
    --fs-md:18px;
    --fs-lg:22px;
    --fs-xl:28px;
    --fs-2xl:36px;
    --fs-3xl:48px;
    --fs-4xl:64px;
    --fs-5xl:78px;

}


/* ---------- SPACING ---------- */

:root{

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

}


/* ---------- BORDER RADIUS ---------- */

:root{

    --radius-sm:8px;
    --radius-md:14px;
    --radius-lg:22px;
    --radius-xl:32px;
    --radius-pill:100px;

}


/* ---------- SHADOWS ---------- */

:root{

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

    --shadow-md:
        0 15px 35px rgba(15,35,60,.08);

    --shadow-lg:
        0 30px 80px rgba(15,35,60,.12);

}


/* ---------- CONTAINER ---------- */

:root{

    --container:1500px;

}


/* ---------- TRANSITIONS ---------- */

:root{

    --transition:.35s ease;

}


/* ---------- HEADER ---------- */

:root{

    --header-height:92px;

}


/* ---------- Z INDEX ---------- */

:root{

    --z-header:1000;
    --z-overlay:2000;
    --z-modal:3000;

}