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

:root{

/* ---------- Brand ---------- */

--cg-primary:#10B7C8;
--cg-primary-hover:#0EA6B5;

--cg-success:#27C46A;
--cg-warning:#FFB020;
--cg-danger:#F04438;

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

--cg-radius-xs:10px;
--cg-radius-sm:14px;
--cg-radius-md:20px;
--cg-radius-lg:28px;
--cg-radius-xl:36px;

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

--cg-shadow-sm:0 8px 20px rgba(15,23,42,.05);
--cg-shadow-md:0 16px 42px rgba(15,23,42,.10);
--cg-shadow-lg:0 24px 60px rgba(15,23,42,.14);

/* ---------- Animation ---------- */

--cg-speed:.30s;
--cg-ease:cubic-bezier(.4,0,.2,1);

/* ---------- LIGHT ---------- */

--cg-page:#F6F8FB;

--cg-surface:#FFFFFF;

--cg-surface-2:#F1F5F9;

--cg-border:#E5EAF1;

--cg-text:#0F172A;

--cg-text-soft:#64748B;

--cg-hero-overlay:rgba(7,18,32,.28);

}

/* ==========================================================
   DARK
========================================================== */

html[data-theme="dark"]{

--cg-page:#07131F;

--cg-surface:#0D1B2A;

--cg-surface-2:#102233;

--cg-border:rgba(255,255,255,.08);

--cg-text:#FFFFFF;

--cg-text-soft:rgba(255,255,255,.72);

--cg-shadow-sm:0 12px 24px rgba(0,0,0,.28);

--cg-shadow-md:0 22px 48px rgba(0,0,0,.38);

--cg-shadow-lg:0 30px 80px rgba(0,0,0,.48);

--cg-hero-overlay:rgba(5,10,20,.55);

}