:root{

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

--primary:#0673FF;
--secondary:#4CE688;

--background:#06152D;

--card:#0F2348;

--white:#ffffff;

--text:#BFD7FF;

--border:rgba(255,255,255,.08);

--shadow:0 20px 50px rgba(6,115,255,.18);

--shadow-green:0 20px 60px rgba(76,230,136,.25);

--gradient:linear-gradient(135deg,#0673FF,#4CE688);

--gradient2:linear-gradient(120deg,#0E1F45,#092B69);

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


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

--radius-xs:8px;

--radius-sm:15px;

--radius:25px;

--radius-lg:40px;


/*======================
Spacing
=======================*/

--section-padding:110px;

--container:1200px;


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

--transition:.35s ease;

--transitionSlow:.7s ease;


/*======================
Typography
=======================*/

--title:clamp(2.4rem,5vw,4.8rem);

--subtitle:1.3rem;

--textSize:1rem;

}