/*==========================================
 PAWAR HARDWARE V1
 VARIABLES.CSS
==========================================*/

/* Colors */

:root{

--primary:#0A3D7C;
--primary-dark:#072B57;
--primary-light:#1457A8;

--secondary:#F57C00;
--secondary-dark:#D96C00;
--secondary-light:#FFA033;

--white:#FFFFFF;

--light:#F5F7FA;

--gray:#EDF1F5;

--border:#D9E2EC;

--text:#1F2937;

--text-light:#6B7280;

--success:#10B981;

--danger:#DC2626;

}

/* Typography */

:root{

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

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

--fs-xs:12px;
--fs-sm:14px;
--fs-md:16px;
--fs-lg:18px;
--fs-xl:22px;
--fs-2xl:30px;
--fs-3xl:42px;
--fs-4xl:56px;
--fs-5xl:72px;

}

/* Radius */

:root{

--radius-sm:8px;

--radius-md:14px;

--radius-lg:20px;

--radius-xl:28px;

--radius-round:999px;

}

/* Shadows */

:root{

--shadow-sm:0 4px 12px rgba(0,0,0,.08);

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

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

}

/* Transition */

:root{

--transition:.35s ease;

}

/* Container */

:root{

--container:1320px;

}

/* Header */

:root{

--header-height:90px;

}

/* Gradient */

:root{

--gradient:linear-gradient(
135deg,
var(--primary),
var(--primary-dark)
);

}

/* Glass */

:root{

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

}

/* Blur */

:root{

--blur:blur(18px);

}

/* Z Index */

:root{

--z-header:999;

--z-menu:998;

--z-overlay:997;

--z-popup:9999;

}

/* Section */

:root{

--section-padding:110px;

}

/* Buttons */

:root{

--btn-height:54px;

}

/* Cards */

:root{

--card-padding:24px;

}

/* Hero */

:root{

--hero-height:100vh;

}

/* Product */

:root{

--product-image:260px;

}

/* Gallery */

:root{

--gallery-image:320px;

}

/* Footer */

:root{

--footer-bg:#071D38;

}

/* Animation */

:root{

--anim-speed:.7s;

}

/* Selection */

::selection{

background:var(--secondary);

color:#fff;

}

/* Scrollbar */

::-webkit-scrollbar{

width:10px;

}

::-webkit-scrollbar-track{

background:#f2f2f2;

}

::-webkit-scrollbar-thumb{

background:var(--secondary);

border-radius:100px;

}

::-webkit-scrollbar-thumb:hover{

background:var(--primary);

}