:root{

/* COLORS */

--primary:#6D28D9;
--primary-light:#8B5CF6;
--secondary:#2563EB;

--dark:#0F172A;
--dark-light:#1E293B;

--white:#ffffff;

--gray:#64748B;
--light:#F8FAFC;

--border:#E2E8F0;


/* FONT */

--heading:'Poppins',sans-serif;
--body:'Inter',sans-serif;


/* Radius */

--radius:16px;
--radius-lg:28px;


/* Shadow */

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




/* Container */

--container:1280px;

}