/* =====================================
   Kanz Knowledge Platform Design Tokens
   Brand System
===================================== */

:root{

/* =========================
   NAVY SYSTEM
========================= */

--kanz-navy-900:#030b14;
--kanz-navy-800:#04101d;
--kanz-navy-700:#07182a;
--kanz-navy-600:#0b2236;
--kanz-navy-500:#102c43;


/* =========================
   GOLD SYSTEM
========================= */

--kanz-gold-400:#f3d67f;
--kanz-gold-500:#e2c15f;
--kanz-gold-600:#d6b24a;
--kanz-gold-700:#a97d18;


/* =========================
   GREEN SYSTEM
========================= */

--kanz-green-400:#27b876;
--kanz-green-500:#1d8f5e;


/* =========================
   TEXT
========================= */

--kanz-text-primary:#f5f7fa;
--kanz-text-soft:#d9e2ea;
--kanz-text-muted:#9fb0c1;


/* =========================
   BACKGROUNDS
========================= */

--kanz-bg-main:#030b14;
--kanz-bg-section:#04101d;
--kanz-bg-card:#07182a;


/* =========================
   BORDERS
========================= */

--kanz-border-gold:rgba(214,178,74,.24);
--kanz-border-green:rgba(39,184,118,.24);


/* =========================
   GLOWS
========================= */

--kanz-glow-gold:rgba(214,178,74,.18);
--kanz-glow-green:rgba(39,184,118,.18);


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

--kanz-shadow-soft:0 14px 36px rgba(0,0,0,.30);
--kanz-shadow-strong:0 28px 80px rgba(0,0,0,.45);


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

--kanz-radius-lg:24px;
--kanz-radius-md:18px;
--kanz-radius-sm:12px;


/* =========================
   LAYOUT
========================= */

--kanz-container:1200px;

}