/* ===========================================================
   LEGALANT ENGINEERING
   DESIGN SYSTEM VARIABLES
=========================================================== */

:root{

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

    --primary: #0B1F3A;
    --primary-light: #16365F;
    --primary-dark: #061426;

    --secondary: #D4AF37;
    --secondary-light: #E8C95F;
    --secondary-dark: #B99122;

    --accent: #0077B6;

    --white: #FFFFFF;
    --light: #F8FAFC;
    --gray-50: #F9FAFB;
    --gray-100: #F3F4F6;
    --gray-200: #E5E7EB;
    --gray-300: #D1D5DB;
    --gray-500: #6B7280;
    --gray-700: #374151;
    --gray-900: #111827;

    --text: #444444;
    --text-light: #6F6F6F;

    --success: #22C55E;
    --danger: #EF4444;
    --warning: #F59E0B;

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

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

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

    --fw-light:300;
    --fw-normal:400;
    --fw-medium:500;
    --fw-semibold:600;
    --fw-bold:700;
    --fw-black:800;

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

    --hero-size:72px;

    --h1:54px;
    --h2:42px;
    --h3:34px;
    --h4:28px;
    --h5:22px;
    --h6:18px;

    --body:16px;
    --small:14px;

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

    --space-xs:8px;
    --space-sm:16px;
    --space-md:24px;
    --space-lg:40px;
    --space-xl:60px;
    --space-xxl:100px;

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

    --radius-sm:8px;
    --radius-md:14px;
    --radius-lg:20px;
    --radius-xl:32px;
    --radius-round:999px;

    /* ===============================
       SHADOWS
    =============================== */

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

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

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

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

    --transition:all .35s ease;

    /* ===============================
       CONTAINER
    =============================== */

    --container-width:1320px;

    /* ===============================
       NAVBAR
    =============================== */

    --navbar-height:90px;

    /* ===============================
       SECTION
    =============================== */

    --section-padding:110px;

    /* ===============================
       GLASS EFFECT
    =============================== */

    --glass-bg:rgba(255,255,255,.12);

    --glass-border:rgba(255,255,255,.18);

    --glass-blur:blur(18px);

    /* ===============================
       Z INDEX
    =============================== */

    --z-loader:99999;
    --z-modal:9999;
    --z-navbar:999;
    --z-dropdown:99;

}