:root{

    /* Brand Colors */
    --primary:#0B3C5D;
    --primary-light:#145374;
    --secondary:#0A9396;
    --accent:#38BDF8;
    --success:#16A34A;


    /* Neutral Colors */
    --white:#FFFFFF;
    --background:#f8f9fa;
    --surface:#FFFFFF;
    --text:#1F2937;
    --text-light:#6B7280;
    --border:#E5E7EB;


    /* Borders */
    --border-light:rgba(8,58,83,.10);


    /* Layout */
    --layout-width:1450px;
    --layout-fluid:95%;


    /* Radius */
    --radius-sm:8px;
    --radius-md:12px;
    --radius-lg:16px;
    --radius-xl:20px;


    /* Shadows */
    --shadow-sm:
        0 4px 10px rgba(0,0,0,.06);

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

    --shadow-lg:
        0 14px 35px rgba(8,58,83,.12);


    --shadow-logo:
        0 4px 12px rgba(0,0,0,.15);

    --shadow-logo-hover:
        0 8px 20px rgba(0,0,0,.18);


    --shadow-brand:
        0 14px 35px rgba(8,58,83,.25),
        0 6px 15px rgba(0,0,0,.10);

    --shadow-brand-hover:
        0 18px 40px rgba(8,58,83,.28),
        0 8px 18px rgba(0,0,0,.12);


    --shadow-navbar:
        0 14px 35px rgba(8,58,83,.12),
        0 6px 15px rgba(0,0,0,.08);

    --shadow-navbar-hover:
        0 18px 40px rgba(8,58,83,.16),
        0 8px 18px rgba(0,0,0,.10);


    /* Transition */
    --transition:.3s ease;


    /* Transform */
    --lift-sm:-2px;
    --lift-md:-3px;
    --lift-lg:-4px;


    /* Spacing */
    --space-xs:.5rem;
    --space-sm:.75rem;
    --space-md:1rem;
    --space-lg:1.5rem;
    --space-xl:2rem;


    /* Typography */
    --fs-xs:.80rem;
    --fs-sm:.90rem;
    --fs-md:1rem;
    --fs-lg:1.10rem;
    --fs-xl:1.25rem;


    /* Font Weight */
    --fw-regular:400;
    --fw-medium:500;
    --fw-semibold:600;
    --fw-bold:700;
    --fw-extrabold:800;


    /* Font */
    --font-family:'Segoe UI',sans-serif;


    /* Animation */
    --animation-fast:.6s;
    --animation-normal:.9s;
    --animation-slow:1.2s;


    /* Gradients */
    --brand-gradient:
    linear-gradient(
        135deg,
        #0A2540 0%,
        #0F4C81 50%,
        #3BAFDA 100%
    );


    --surface-gradient:
    linear-gradient(
        135deg,
        #ffffff 0%,
        #f5fbfd 45%,
        #e7f4f9 100%
    );


    /* Text */
    --text-white-75:
        rgba(255,255,255,.75);


    /* Navigation */
    --surface-hover-gradient:
    linear-gradient(
        135deg,
        #eaf8fd,
        #dff3fb
    );


    --shadow-nav-link:
        0 6px 16px rgba(20,83,116,.12);


    --shadow-nav-active:
        0 6px 16px rgba(8,58,83,.25);


    /* Icon */
    --icon-sm:18px;
    --icon-md:22px;
    --icon-lg:24px;


    /* Header */
    --header-padding-y:clamp(12px,1vw,18px);
    --header-padding-x:clamp(16px,2vw,24px);
    --header-gap:clamp(12px,1.5vw,20px);


    /* Dropdown */
    --shadow-dropdown:
        0 15px 35px rgba(8,58,83,.18);

    --dropdown-active-bg:#d6eef8;


    /* Mobile */
    --logo-height-mobile:48px;


      /* Input Height */

    --control-height-sm:44px;

    --control-height-md:46px;

    --control-height-lg:48px;

    --control-height-xl:52px;


    /* Button Height */

    --button-height-mobile:52px;

    --button-height-tablet:48px;

    --button-height-desktop:52px;


/* Search Form */

    /* Card */
    --search-card-width:1200px;
    --search-card-radius:20px;
    --search-card-padding:24px;

    /* Form */
    --search-gap:20px;

    /* Input */
    --search-control-height:60px;
    --search-control-radius:12px;
    --search-font-size:16px;

    /* Button */
    --search-btn-width:200px;
    --search-btn-height:60px;
    --search-btn-radius:14px;


}