/* ==========================================================
   MAR CONSULTANCY
   Global CSS Variables
   ========================================================== */

:root{

    /* ========= Brand Colors ========= */

    --primary:#0D6EFD;
    --primary-dark:#084298;
    --primary-light:#4DA3FF;

    --secondary:#0B2447;

    --accent:#F59E0B;
    --accent-dark:#D97706;

    --success:#198754;
    --danger:#DC3545;
    --warning:#FFC107;
    --info:#0DCAF0;

    --white:#FFFFFF;
    --black:#000000;

    --gray-50:#F8F9FA;
    --gray-100:#F1F3F5;
    --gray-200:#E9ECEF;
    --gray-300:#DEE2E6;
    --gray-400:#CED4DA;
    --gray-500:#ADB5BD;
    --gray-600:#6C757D;
    --gray-700:#495057;
    --gray-800:#343A40;
    --gray-900:#212529;

    --text:#333333;
    --text-light:#666666;

    --body-bg:#F7FAFD;

    /* ========= Gradients ========= */

    --gradient-primary:linear-gradient(
        135deg,
        #0D6EFD,
        #084298
    );

    --gradient-orange:linear-gradient(
        135deg,
        #F59E0B,
        #D97706
    );

    --gradient-dark:linear-gradient(
        135deg,
        #0B2447,
        #19376D
    );

    --gradient-light:linear-gradient(
        135deg,
        #FFFFFF,
        #F6F9FC
    );

    /* ========= Fonts ========= */

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

    /* ========= Sizes ========= */

    --container:1520px;

    --section-padding:70px;

    --radius-xs:4px;
    --radius-sm:8px;
    --radius-md:12px;
    --radius-lg:18px;
    --radius-xl:30px;
    --radius-round:999px;

    /* ========= Shadows ========= */

    --shadow-sm:
        0 2px 8px rgba(0,0,0,.08);

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

    --shadow-lg:
        0 15px 40px rgba(0,0,0,.18);

    --shadow-xl:
        0 25px 60px rgba(0,0,0,.22);

    /* ========= Animation ========= */

    --transition:.3s ease;

    --transition-fast:.18s ease;

    --transition-slow:.55s ease;

    /* ========= Navbar ========= */

    --navbar-height:82px;

    /* ========= Z Index ========= */

    --z-loader:999999;

    --z-modal:99999;

    --z-navbar:9999;

    --z-dropdown:999;

    --z-floating:888;

}