/* ==========================================================
   The IdeaGen Technologies
   Design System
   Version 1.0
========================================================== */

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

:root{

    --primary:#2563EB;
    --primary-dark:#1D4ED8;
    --secondary:#1E3A8A;

    --white:#FFFFFF;
    --background:#F8FAFC;

    --heading:#0F172A;
    --text:#334155;
    --muted:#64748B;

    --border:#E2E8F0;

    --success:#16A34A;
    --danger:#DC2626;
    --warning:#F59E0B;

}


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

:root{

    --font:"Manrope",sans-serif;

    --fs-xs:12px;
    --fs-sm:14px;
    --fs-base:16px;
    --fs-md:18px;
    --fs-lg:22px;
    --fs-xl:28px;
    --fs-2xl:36px;
    --fs-3xl:48px;
    --fs-4xl:64px;
    --fs-5xl:78px;

}


/* ===============================
   FONT WEIGHTS
================================= */

:root{

    --light:300;
    --regular:400;
    --medium:500;
    --semibold:600;
    --bold:700;
    --extrabold:800;

}


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

:root{

    --space-1:4px;
    --space-2:8px;
    --space-3:12px;
    --space-4:16px;
    --space-5:24px;
    --space-6:32px;
    --space-7:48px;
    --space-8:64px;
    --space-9:96px;
    --space-10:140px;

}


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

:root{

    --radius-sm:8px;
    --radius-md:14px;
    --radius-lg:22px;
    --radius-xl:30px;
    --radius-full:999px;

}


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

:root{

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

    --shadow-md:
    0 15px 35px rgba(15,23,42,.08);

    --shadow-lg:
    0 30px 80px rgba(15,23,42,.12);

}


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

:root{

    --container:1380px;

}


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

:root{

    --transition:.35s ease;

}