:root{--font:"Rubik","IBM Plex Sans Arabic",system-ui,sans-serif;
--bg:#FAF7F2;--surface:#FFFFFF;--sunk:#F2EDE6;--subtle:#FCFAF7;--ink:#1F1A16;--ink2:#5A5047;--ink3:#857A70;--line:#EAE3D9;--line2:#DBD2C5;
--brand:#7A3E1D;--brand2:#5E2E14;--brand-tint:#F6EAE1;--brand-ink:#6A3317;--on-brand:#fff;
--accent:#5C6B3C;--accent-tint:#EDF0E4;--accent-ink:#46532B;--c2:#C7A27C;--c3:#5C6B3C;
--ok:#3F6B35;--ok-tint:#EAF2E4;--warn:#9A5B00;--warn-tint:#FCF0DC;--bad:#B3361E;--bad-tint:#FBE8E3;--info:#3C5A78;--info-tint:#E7EEF5;
--side-bg:#1F1A16;--side-ink:#EDE6DC;--side-line:rgba(255,255,255,.09);--side-hover:rgba(255,255,255,.06);--side-active:rgba(255,255,255,.1);--side-active-ink:#fff;
--top-bg:rgba(250,247,242,.9);--band-bg:#2A211B;--hero-bg:linear-gradient(180deg,#F6EFE6,#FAF7F2);--end-overlay:rgba(31,20,12,.74);
--r:10px;--r-sm:7px;--shadow:0 1px 2px rgba(31,26,22,.05);--shadow-lg:0 18px 40px -16px rgba(31,26,22,.28),0 2px 6px rgba(31,26,22,.06)}
.side .badge{background:#C7A27C;color:#1F1A16}