/* ============================================================ BADGE SHERPA ยท THEME: GREEN (green-forward, white-dominant) The optimistic direction: calm white surfaces with space, brand green owning the energy moments โ€” the trail, progress, actions โ€” and navy demoted to ink. Tokens only. Apply with . Contrast lever: if white-on-green labels ever feel faint on cheap screens, deepen --trail-bg toward #1BB558 โ€” the theme holds together at any green between #22D36B and #17A94F. ============================================================ */ :root[data-theme="green"]{ /* surfaces: airy, faint green cast so white cards float */ --bg:#F4FAF6; --surface:#FFFFFF; --surface-2:#E9F7EE; /* ink: navy as text, softened secondary */ --ink:#001D40; --ink-soft:#54677E; /* the trail becomes the green statement */ --trail-bg:#22D36B; --trail-soft:rgba(255,255,255,.35); /* inactive points */ --ink-on-trail:#FFFFFF; --ink-on-trail-soft:rgba(255,255,255,.8); --trail-line:rgba(255,255,255,.45); --trail-fill:#FFFFFF; --trail-ring:rgba(255,255,255,.45); --trail-flag:#FFFFFF; --trail-flag-pole:#FFFFFF; --trail-cta-bg:#0F9D4C; /* deeper green pill */ --trail-cta-ink:#FFFFFF; /* lines & elevation: lighter, greener, softer */ --line:#DCEAE1; --shadow:0 10px 30px rgba(16,80,45,.10); --shadow-s:0 4px 14px rgba(16,80,45,.07); --shadow-trail:0 -10px 30px rgba(16,80,45,.22); /* signals unchanged */ --warn:#E8A13C; --warn-bg:#FCF0DA; --danger:#B4232C; --danger-bg:#FDF2F2; }