/* ==========================================
   Premium Industrial Design System
   Generator Company Website
   Version : 1.0
========================================== */

:root{

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

--primary:#0A1F33;
--primary-light:#123456;

--secondary:#F7931E;

--accent:#FFD54A;

--dark:#07131F;

--dark-2:#101E2B;

--light:#F5F7FA;

--white:#FFFFFF;

--gray:#B6BDC7;

--gray-light:#E9EDF2;

--success:#17B26A;

--danger:#E53935;

--warning:#F9A825;



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

--font-main:"Vazirmatn",sans-serif;

--font-title:"Vazirmatn",sans-serif;



/*==============================
FONT SIZE
==============================*/

--fs-12:12px;
--fs-14:14px;
--fs-16:16px;
--fs-18:18px;
--fs-20:20px;
--fs-24:24px;
--fs-28:28px;
--fs-32:32px;
--fs-40:40px;
--fs-48:48px;
--fs-56:56px;
--fs-64:64px;



/*==============================
FONT WEIGHT
==============================*/

--fw-light:300;

--fw-normal:400;

--fw-medium:500;

--fw-bold:700;

--fw-black:900;



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

--space-5:5px;

--space-10:10px;

--space-15:15px;

--space-20:20px;

--space-30:30px;

--space-40:40px;

--space-60:60px;

--space-80:80px;

--space-100:100px;



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

--radius-small:6px;

--radius:12px;

--radius-large:20px;

--radius-xl:30px;

--radius-circle:50%;



/*==============================
SHADOW
==============================*/

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

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

--shadow-heavy:
0 25px 60px rgba(0,0,0,.20);



/*==============================
TRANSITION
==============================*/

--transition:.35s ease;

--transition-fast:.2s ease;

--transition-slow:.6s ease;



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

--container:1320px;



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

--header-height:90px;



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

--z-loader:99999;

--z-navbar:999;

--z-modal:9999;

--z-dropdown:1000;



/*==============================
GRADIENTS
==============================*/

--gradient-primary:
linear-gradient(
135deg,
#0A1F33,
#123456
);

--gradient-orange:
linear-gradient(
135deg,
#F7931E,
#FFB347
);

}