:root {

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

--primary:#171b65;

--primary-dark:#1d4ed8;

--primary-light:#547ef2;

--secondary:#0f172a;

--section-blue:#f4f8ff;

--section-gray:#f7f9fc;

--section-blue-soft:#eef4ff;

--accent:#f59e0b;

--success:#16a34a;

--danger:#ef4444;

--white:#ffffff;

--black:#000000;

--text:#475569;

--text-light:#64748b;

--border:#e2e8f0;

--light:#f8fafc;

--section:#ffffff;

--card:#ffffff;

--section-bg:radial-gradient(
            circle at 10% 20%,
            rgba(37, 99, 235, 0.10),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 80%,
            rgba(99, 102, 241, 0.10),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #f4f7ff 0%,
            #eef4ff 50%,
            #f7f9ff 100%
        );


/* ===========================
TYPOGRAPHY
=========================== */

--heading-font:"Poppins",sans-serif;

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


/* Font Sizes */

--fs-xs:.75rem;

--fs-sm:.875rem;

--fs-md:1rem;

--fs-lg:1.125rem;

--fs-xl:1.25rem;

--fs-2xl:1.5rem;

--fs-3xl:2rem;

--fs-4xl:2.75rem;

--fs-5xl:4rem;


/* Font Weight */

--fw-400:400;

--fw-500:500;

--fw-600:600;

--fw-700:700;

--fw-800:800;


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

--space-1:.5rem;

--space-2:1rem;

--space-3:1.5rem;

--space-4:2rem;

--space-5:3rem;

--space-6:4rem;

--space-7:6rem;


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

--radius-sm:8px;

--radius-md:14px;

--radius-lg:20px;

--radius-xl:30px;

--radius-round:999px;


/* ===========================
SHADOW
=========================== */

--shadow-sm:0 4px 10px rgba(0,0,0,.05);

--shadow-md:0 10px 30px rgba(0,0,0,.08);

--shadow-lg:0 15px 45px rgba(0,0,0,.12);


/* ===========================
TRANSITION
=========================== */

--transition:.35s ease;


/* ===========================
CONTAINER
=========================== */

--container:1280px;

/* hero gradient */
--hero-gradient:
linear-gradient(
135deg,
#f8fbff,
#eef5ff
);

--hero-circle:
rgba(37,99,235,.08);

}