/* ==========================================================
   CRESTBRIDGE PREMIUM DESIGN SYSTEM
   Variables v2.0
========================================================== */

:root{

/* ==========================================================
   BRAND
========================================================== */

--navy:#163A63;
--navy-dark:#0F2745;
--navy-light:#204F83;
--blue:#a8d3f7;
--gold:#C8A45D;
--gold-light:#DFC48A;

--silver:#ECEFF2;
--silver-dark:#D9E0E6;

--white:#F8F9FB;

--charcoal:#273043;

--grey:#D3D3D3;

--text:#394553;
--text-light:#6D7682;

--border:rgba(22,58,99,.10);
--border-light:rgba(22,58,99,.06);

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

--font-heading:'Manrope',sans-serif;
--font-body:'Inter',sans-serif;

--fs-xs:12px;
--fs-sm:14px;
--fs-md:16px;
--fs-lg:18px;
--fs-xl:20px;
--fs-2xl:24px;
--fs-3xl:32px;
--fs-4xl:42px;
--fs-5xl:56px;
--fs-display:72px;

--lh-tight:1.1;
--lh-heading:1.15;
--lh-body:1.8;

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

--space-xs:8px;
--space-sm:16px;
--space-md:24px;
--space-lg:40px;
--space-xl:60px;
--space-2xl:80px;
--space-3xl:120px;

--section-padding:120px;
--section-padding-sm:80px;

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

--radius-xs:8px;
--radius-sm:12px;
--radius-md:18px;
--radius-lg:28px;
--radius-xl:42px;

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

--shadow-sm:
0 4px 12px rgba(15,39,69,.05);

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

--shadow-lg:
0 24px 60px rgba(15,39,69,.12);

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

--transition:.35s cubic-bezier(.4,0,.2,1);

/* ==========================================================
   NAVBAR
========================================================== */

--navbar-height:88px;

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

--container:1320px;

/* ==========================================================
   GRADIENTS
========================================================== */

--gradient-primary:
linear-gradient(
135deg,
var(--navy),
var(--navy-dark)
);

--gradient-gold:
linear-gradient(
135deg,
var(--gold),
var(--gold-light)
);

--gradient-silver:
linear-gradient(
180deg,
#FFFFFF,
var(--silver)
);

/* ==========================================================
   Z INDEX
========================================================== */

--z-nav:1000;
--z-dropdown:1010;
--z-overlay:1020;
--z-modal:1030;

}