/*======================================================
                FIBERTECH DESIGN SYSTEM
======================================================*/

:root{

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

--primary:#2563EB;
--primary-dark:#1D4ED8;
--secondary:#06B6D4;
--accent:#14F195;

--dark:#030712;
--dark-2:#0B1220;
--dark-3:#111827;
--card:#151F33;

--white:#ffffff;
--light:#F8FAFC;

--text:#CBD5E1;
--text-light:#94A3B8;

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

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

--gradient-primary:
linear-gradient(
135deg,
#2563EB,
#06B6D4
);

--gradient-dark:
linear-gradient(
180deg,
#030712,
#0B1220
);

--gradient-card:
linear-gradient(
145deg,
rgba(255,255,255,.05),
rgba(255,255,255,.02)
);

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

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

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

--shadow-lg:
0 30px 60px rgba(0,0,0,.45);

--glow:
0 0 35px rgba(37,99,235,.45);

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

--radius-sm:10px;
--radius:18px;
--radius-lg:30px;

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

--transition:.35s ease;

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

--section-padding:110px;

}