:root{--font:"Readex Pro",system-ui,sans-serif;
--bg:#F4F4F1;--surface:#FFFFFF;--sunk:#ECECE8;--subtle:#FAFAF8;--ink:#1C1F23;--ink2:#4E545B;--ink3:#7A8087;--line:#E4E4DF;--line2:#D4D4CE;
--brand:#C44E17;--brand2:#A3400F;--brand-tint:#FCEDE5;--brand-ink:#A63E12;--on-brand:#fff;
--accent:#2B3036;--accent-tint:#EBECEE;--accent-ink:#2B3036;--c2:#2B3036;--c3:#B9BDC2;
--ok:#1F7A4D;--ok-tint:#E5F3EB;--warn:#A85E00;--warn-tint:#FCF1DD;--bad:#B9321C;--bad-tint:#FBE9E5;--info:#2D5E86;--info-tint:#E6EEF5;
--side-bg:#1C1F23;--side-ink:#E6E7E8;--side-line:rgba(255,255,255,.08);--side-hover:rgba(255,255,255,.06);--side-active:rgba(217,84,30,.16);--side-active-ink:#FFB089;
--top-bg:rgba(244,244,241,.9);--band-bg:#1C1F23;--hero-bg:linear-gradient(180deg,#EDEDE8,#F4F4F1);--end-overlay:rgba(20,22,25,.78);
--r:8px;--r-sm:6px;--shadow:0 1px 2px rgba(28,31,35,.05);--shadow-lg:0 18px 40px -16px rgba(28,31,35,.3),0 2px 6px rgba(28,31,35,.06)}
.side .badge{background:var(--brand);color:#fff}
