/*==========================================================
ENTITY ENTERPRISES
Design System
==========================================================*/

:root{

/*==========================================================
Brand
==========================================================*/

--clr-primary:#0D3B8C;
--clr-primary-light:#1E5BBF;
--clr-primary-dark:#081C3A;

--clr-secondary:#081C3A;
--clr-accent:#0D3B8C;


/*==========================================================
Neutrals
==========================================================*/

--clr-background:#F8FAFC;

--clr-surface:#FFFFFF;

--clr-heading:#081C3A;

--clr-text:#334155;

--clr-muted:#64748B;

--clr-border:rgba(8,28,58,.08);

--clr-border-strong:rgba(8,28,58,.14);


/*==========================================================
Glass
==========================================================*/

--glass-bg:rgba(255,255,255,.75);

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

--glass-shadow:0 20px 80px rgba(8,28,58,.05);

--glass-blur:20px;


/*==========================================================
Gradients
==========================================================*/

--gradient-primary:

linear-gradient(

135deg,

#0D3B8C,

#081C3A

);

--gradient-gold:

linear-gradient(

135deg,

#0D3B8C,

#1E5BBF

);

--gradient-light:

linear-gradient(

180deg,

#FFFFFF,

#F8FAFC

);


/*==========================================================
Typography
==========================================================*/

--font-heading:

"Space Grotesk",

sans-serif;

--font-body:

"Inter",

sans-serif;

--fw-light:300;

--fw-regular:400;

--fw-medium:500;

--fw-semibold:600;

--fw-bold:700;


/*==========================================================
Radius
==========================================================*/

--radius-xs:6px;

--radius-sm:12px;

--radius-md:18px;

--radius-lg:28px;

--radius-xl:40px;

--radius-round:999px;


/*==========================================================
Spacing
==========================================================*/

--space-1:8px;

--space-2:16px;

--space-3:24px;

--space-4:32px;

--space-5:40px;

--space-6:56px;

--space-7:72px;

--space-8:96px;

--space-section:160px;


/*==========================================================
Shadows
==========================================================*/

--shadow-xs:

0 6px 18px rgba(0,0,0,.04);

--shadow-sm:

0 12px 30px rgba(0,0,0,.05);

--shadow-md:

0 24px 60px rgba(0,0,0,.08);

--shadow-lg:

0 45px 120px rgba(0,0,0,.12);

--shadow-xl:

0 80px 160px rgba(0,0,0,.15);


/*==========================================================
Transitions
==========================================================*/

--ease:

cubic-bezier(.16,1,.3,1);

--transition-fast:

.25s var(--ease);

--transition:

.45s var(--ease);

--transition-slow:

.8s var(--ease);


/*==========================================================
Navbar
==========================================================*/

--navbar-height:92px;

--navbar-height-scroll:78px;


/*==========================================================
Container
==========================================================*/

--container:1400px;


/*==========================================================
Hero
==========================================================*/

--hero-height:100vh;

--hero-max-text:760px;


/*==========================================================
Z Index
==========================================================*/

--z-background:-20;

--z-grid:-10;

--z-content:10;

--z-navbar:999;

--z-loader:9999;

--z-cursor:99999;


/*==========================================================
Buttons
==========================================================*/

--btn-height:58px;

--btn-padding:0 34px;

--btn-radius:999px;


/*==========================================================
Cards
==========================================================*/

--card-padding:50px;

--card-radius:24px;


/*==========================================================
Images
==========================================================*/

--image-radius:24px;


/*==========================================================
Blur
==========================================================*/

--blur-sm:10px;

--blur-md:20px;

--blur-lg:60px;


/*==========================================================
Opacity
==========================================================*/

--opacity-light:.08;

--opacity-medium:.16;

--opacity-strong:.3;


/*==========================================================
Letter Spacing
==========================================================*/

--tracking-xs:.05em;

--tracking-sm:.12em;

--tracking-md:.22em;

--tracking-lg:.35em;


/*==========================================================
Section Gap
==========================================================*/

--section-gap:140px;

}
::selection{

background:#0D2346;

color:white;

}