/* ==========================================================
   DESIGN TOKENS
========================================================== */

:root{


    /* Icon Sizes */

    --icon-xs: 14px;
    --icon-sm: 16px;
    --icon-md: 20px;
    --icon-lg: 24px;
    --icon-xl: 32px;
    --icon-2xl: 48px;


/*--------------------------------------------------
Colors
---------------------------------------------------*/

--primary:#2563EB;
--primary-dark:#1D4ED8;
--secondary:#7C3AED;

--dark:#08142C;
--dark-light:#101828;
--black:#111827;

--white:#FFFFFF;

--gray-50:#F8FAFC;
--gray-100:#F1F5F9;
--gray-200:#E2E8F0;
--gray-300:#CBD5E1;
--gray-500:#64748B;
--gray-700:#334155;

--success:#10B981;
--warning:#F59E0B;
--danger:#EF4444;

/*--------------------------------------------------
Background
---------------------------------------------------*/

--bg-body:#FFFFFF;
--bg-section:#F8FAFC;
--bg-dark:#08142C;

/*--------------------------------------------------
Borders
---------------------------------------------------*/

--border:#E5E7EB;
--border-light:#F1F5F9;

/*--------------------------------------------------
Radius
---------------------------------------------------*/

--radius-sm:8px;
--radius-md:12px;
--radius-lg:18px;
--radius-xl:24px;
--radius-pill:999px;

/*--------------------------------------------------
Spacing
---------------------------------------------------*/

--space-xs:6px;
--space-sm:12px;
--space-md:20px;
--space-lg:32px;
--space-xl:48px;
--space-2xl:72px;
--space-3xl:96px;

/*--------------------------------------------------
Container
---------------------------------------------------*/

--container:1360px;

/*--------------------------------------------------
Navbar
---------------------------------------------------*/

--nav-height:84px;
--nav-height-scroll:68px;

/*--------------------------------------------------
Transitions
---------------------------------------------------*/

--transition-fast:.2s ease;
--transition:.35s ease;
--transition-slow:.55s ease;

/*--------------------------------------------------
Shadows
---------------------------------------------------*/

--shadow-sm:
0 2px 8px rgba(15,23,42,.05);

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

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

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

/*--------------------------------------------------
Glass
---------------------------------------------------*/

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

--glass-border:
rgba(255,255,255,.30);

}