/*==========================================================
BRIGHT OCEAN DIGITAL
VARIABLES
==========================================================*/

:root{

/* Brand Colors */

--primary:#0A66C2;
--primary-light:#48A8FF;
--primary-dark:#084E96;

--navy:#071B36;

--white:#FFFFFF;

--surface:#F8FBFF;

--card:#FFFFFF;

--text:#465364;

--heading:#071B36;

--border:#E7EEF7;

--success:#10B981;

--warning:#F59E0B;

--danger:#EF4444;

/* Typography */

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

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

/* Container */

--container:1180px;

/* Radius */

--radius-sm:12px;

--radius-md:20px;

--radius-lg:28px;

--radius-xl:36px;

--radius-pill:999px;

/* Shadows */

--shadow-xs:0 4px 10px rgba(15,23,42,.04);

--shadow-sm:0 10px 25px rgba(15,23,42,.06);

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

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

/* Spacing */

--space-xs:.5rem;

--space-sm:1rem;

--space-md:2rem;

--space-lg:4rem;

--space-xl:7rem;

/* Animation */

--transition:.35s ease;

}