/* v1.2: primary + semantic hexes = printed board labels (1024px board); v0.3 brand tokens — hexes sampled from pixels of the Brand Identity System board (median 13x13 px at 2400px source) */
:root{
/* primary palette (sampled) */
--saffron:#D9821F;--ivory:#F4EFD9;--india-green:#0F6B38;--charcoal:#1B1E1D;--steel-grey:#4A5A65;
/* semantic (sampled; board labels in comments) */
--success:#16A34A;--warning:#F59E0B;--critical:#EF4444;--info:#3B82F6;--neutral:#9CA3AF;
/* finishes (sampled, 75th pct of swatch) */
--brass:#92693D;--copper:#9B673F;--brass-hi:#BF996C;--gunmetal:#1D1D1D;--matte-steel:#444244;--leather:#212226;
/* gradients (endpoints sampled) */
--grad-saffron-ivory:linear-gradient(90deg,#D6661E,#F6E0C6);--grad-green-ivory:linear-gradient(90deg,#0F6341,#F5E9D4);
--grad-saffron-green:linear-gradient(90deg,#DB7416,#11623B);--grad-steel-charcoal:linear-gradient(90deg,#6D7A89,#1E2E3D);
/* legacy scale remapped onto brand (keeps v0.2 CSS working) */
--g-950:#0A1113;--g-900:var(--charcoal);--g-850:#142124;--g-800:#1A2729;--g-700:#26342F;--g-600:#3A4744;--g-400:#8C969F;--g-300:#B9B6A8;--g-200:#DCD6C4;--g-100:var(--ivory);
--steel:var(--brass-hi);--ok:var(--success);--warn:var(--warning);--err:#F06A6A;
--font-display:"Cinzel",Georgia,serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;
--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;--s24:96px;
--r:4px;--hair:1px solid rgba(191,153,108,.28);--bevel:inset 0 1px 0 rgba(246,235,207,.06),inset 0 -1px 0 rgba(0,0,0,.5);
--ease-out:cubic-bezier(.23,1,.32,1);--dur:200ms;--maxw:1120px;--side:232px}