/* ============================================================ BADGE SHERPA · THEME: BOLD (2026 direction — the sandwich) Dark chrome top, green chrome bottom, airy off-white work surface between. Space Grotesk display, borderless cards, one dark content block per screen. Tokens only. Apply with . ============================================================ */ :root[data-theme="bold"]{ --bg:#F2F6F3; --surface:#FFFFFF; --surface-2:#ECF1ED; --ink:#0B1120; --ink-soft:#6B7686; --navy:#0B1120; /* UI ink; logo keeps #001D40 */ --green:#2FDE8E; --green-dark:#12B871; --line:#E4EAE6; --radius:14px; --radius-s:11px; --font-head:'Space Grotesk',sans-serif; --font-body:'Inter',sans-serif; --shadow:0 4px 24px rgba(11,17,32,.06); --shadow-s:0 1px 3px rgba(11,17,32,.04); --shadow-trail:0 14px 40px rgba(11,17,32,.22); /* dark top chrome */ --nav-bg:#0B1120; --nav-ink:#FFFFFF; --nav-soft:#8B96A8; --nav-well:rgba(255,255,255,.09); --nav-loc-on:#2FDE8E; --nav-loc-on-ink:#0B1120; --nav-border:rgba(255,255,255,.16); /* green bottom chrome, navy CTA */ --trail-bg:#2FDE8E; --trail-soft:rgba(11,17,32,.18); --ink-on-trail:#0B1120; --ink-on-trail-soft:rgba(11,17,32,.55); --trail-line:rgba(11,17,32,.18); --trail-fill:#0B1120; --trail-ring:rgba(11,17,32,.25); --trail-flag:#FFFFFF; --trail-flag-pole:#0B1120; --trail-cta-bg:#0B1120; --trail-cta-ink:#FFFFFF; --warn:#B4770F; --warn-bg:#FCF0DA; --danger:#B4232C; --danger-bg:#FDF2F2; } /* bold layout: generous clearance around the chrome */ :root[data-theme="bold"] body{ padding-top:calc(64px + 58px); padding-bottom:calc(80px + 14px + 40px); }