/*==================================================
    KETAN HYUNDAI DESIGN SYSTEM
    variables.css
==================================================*/

:root{

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

--primary:#002C6F;
--primary-dark:#001B46;
--primary-light:#0A4CA3;

--secondary:#00AEEF;
--secondary-dark:#0095D6;

--accent:#1D9BF0;

--success:#16a34a;
--warning:#f59e0b;
--danger:#dc2626;

--white:#ffffff;
--black:#111827;

--gray-50:#f8fafc;
--gray-100:#f1f5f9;
--gray-200:#e5e7eb;
--gray-300:#d1d5db;
--gray-400:#9ca3af;
--gray-500:#6b7280;
--gray-600:#4b5563;
--gray-700:#374151;
--gray-800:#1f2937;
--gray-900:#111827;


/*=====================================
    TYPOGRAPHY
=====================================*/

--font-primary:'Poppins',sans-serif;
--font-secondary:'Montserrat',sans-serif;

--fs-xs:12px;
--fs-sm:14px;
--fs-md:16px;
--fs-lg:18px;
--fs-xl:20px;
--fs-2xl:24px;
--fs-3xl:30px;
--fs-4xl:36px;
--fs-5xl:48px;
--fs-6xl:64px;

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


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

--space-5:5px;
--space-10:10px;
--space-15:15px;
--space-20:20px;
--space-30:30px;
--space-40:40px;
--space-50:50px;
--space-60:60px;
--space-80:80px;
--space-100:100px;


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

--radius-sm:6px;
--radius-md:10px;
--radius-lg:16px;
--radius-xl:24px;
--radius-round:50px;


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

--shadow-sm:0 5px 15px rgba(0,0,0,.08);
--shadow-md:0 10px 30px rgba(0,0,0,.12);
--shadow-lg:0 20px 45px rgba(0,0,0,.18);
--shadow-xl:0 30px 60px rgba(0,0,0,.25);


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

--transition-fast:.25s;
--transition:.35s;
--transition-slow:.6s;


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

--container:1320px;


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

--header-height:80px;


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

--z-dropdown:100;
--z-fixed:500;
--z-modal:1000;
--z-loader:9999;

}