/* ==========================================================
   SikhoZen Design System v1.0
   Author : SikhoZen
   ========================================================== */

:root{

/*=============================
= Colors
=============================*/

--primary:#5B2EFF;
--primary-dark:#4B20E8;
--secondary:#2E6BFF;
--accent:#00C2FF;

--dark:#081229;
--dark-light:#121F3D;

--white:#FFFFFF;
--light:#F8FAFF;

--text:#0F172A;
--text-light:#64748B;

--border:#E7ECF5;

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


/*=============================
= Gradients
=============================*/

--gradient-primary:
linear-gradient(135deg,#5B2EFF 0%,#2E6BFF 100%);

--gradient-dark:
linear-gradient(135deg,#081229,#121F3D);

--gradient-light:
linear-gradient(180deg,#FFFFFF,#F8FAFF);

--gradient-card:
linear-gradient(145deg,#FFFFFF,#F7F9FF);


/*=============================
= Fonts
=============================*/

--font-heading:'Plus Jakarta Sans',sans-serif;

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


/*=============================
= Font Sizes
=============================*/

--fs-xs:12px;
--fs-sm:14px;
--fs-base:16px;
--fs-md:18px;
--fs-lg:22px;
--fs-xl:32px;
--fs-2xl:42px;
--fs-3xl:56px;
--fs-hero:68px;


/*=============================
= Font Weight
=============================*/

--fw-400:400;
--fw-500:500;
--fw-600:600;
--fw-700:700;
--fw-800:800;


/*=============================
= Container
=============================*/

--container:1440px;


/*=============================
= Radius
=============================*/

--radius-sm:10px;
--radius-md:18px;
--radius-lg:24px;
--radius-xl:32px;
--radius-round:999px;


/*=============================
= Section Space
=============================*/

--section-padding:110px;
--section-padding-mobile:70px;


/*=============================
= Shadows
=============================*/

--shadow-sm:
0 10px 25px rgba(16,24,40,.06);

--shadow-md:
0 20px 50px rgba(16,24,40,.08);

--shadow-lg:
0 30px 80px rgba(16,24,40,.12);


/*=============================
= Transition
=============================*/

--transition:.35s ease;


/*=============================
= Navbar
=============================*/

--navbar-height:90px;


/*=============================
= Hero
=============================*/

--hero-height:100vh;


/*=============================
= Z Index
=============================*/

--z-header:999;
--z-menu:1000;
--z-popup:9999;

}