:root{

/* COLORS */

--primary:#39c4ff;
--primary-dark:#2f8fff;

--bg:#07111f;
--bg-light:#0d1728;

--card:#111d31;
--card-hover:#16263d;

--text:#ffffff;
--text-light:#d7e2f1;
--muted:#9fb0c7;

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

/* LAYOUT */

--container:1240px;

--section:120px;

--radius:22px;

--transition:.35s ease;

/* SHADOWS */

--shadow-lg:0 35px 70px rgba(0,0,0,.35);

--shadow-sm:0 10px 30px rgba(0,0,0,.18);

}