/* ============================================================ BADGE SHERPA · THEME: DARK Overrides tokens from theme-light.css. Applied when , or automatically for data-theme "auto" users whose OS prefers dark. NOTE: the badge canvas itself never themes — badges are physical print products and must stay WYSIWYG. Modules mark print-true areas with .print-true, which pins a white surface in every theme. ============================================================ */ :root[data-theme="dark"]{ --bg:#08142B; --surface:#102344; --surface-2:#1A335E; --trail-bg:#050D1D; --trail-soft:#132A50; --ink:#EDF1F7; --ink-soft:#9FB0CB; --ink-on-trail:#FFFFFF; --ink-on-trail-soft:#7288AC; --line:#24406E; --shadow:0 10px 30px rgba(0,0,0,.45); --shadow-s:0 4px 14px rgba(0,0,0,.35); --shadow-trail:0 -10px 30px rgba(0,0,0,.5); --warn:#F0B45C; --warn-bg:#3A2E12; --danger:#F08A90; --danger-bg:#3A1518; } /* auto mode: follow the OS */ @media (prefers-color-scheme: dark){ :root[data-theme="auto"]{ --bg:#08142B; --surface:#102344; --surface-2:#1A335E; --trail-bg:#050D1D; --trail-soft:#132A50; --ink:#EDF1F7; --ink-soft:#9FB0CB; --ink-on-trail:#FFFFFF; --ink-on-trail-soft:#7288AC; --line:#24406E; --shadow:0 10px 30px rgba(0,0,0,.45); --shadow-s:0 4px 14px rgba(0,0,0,.35); --shadow-trail:0 -10px 30px rgba(0,0,0,.5); --warn:#F0B45C; --warn-bg:#3A2E12; --danger:#F08A90; --danger-bg:#3A1518; } } /* print-true areas ignore theming in all themes */ .print-true{ background:#FFFFFF; color:#001D40; }