/* ============================================================
   BADGE SHERPA · THEME: LIGHT (default)
   Tokens only — no structural CSS lives here. To create a new
   theme, copy this file, change values, keep every token name.
   ============================================================ */
:root, :root[data-theme="light"]{
  /* brand — identical in every theme */
  --navy:#001D40;
  --green:#22D36B;
  --green-dark:#17A94F;

  /* surfaces */
  --bg:#F1F3F7;              /* page background            */
  --surface:#FFFFFF;         /* cards, panels, nav         */
  --surface-2:#E6E9EE;       /* chips, tool icons, wells   */
  --trail-bg:#001D40;        /* bottom trail bar           */
  --trail-soft:#12294E;      /* trail inactive line/points */

  /* text */
  --ink:#001D40;             /* primary text               */
  --ink-soft:#475569;        /* secondary text             */
  --ink-on-trail:#FFFFFF;
  --ink-on-trail-soft:#8FA0BC;

  /* lines & focus */
  --line:#D8DEE8;
  --focus:#22D36B;

  /* elevation */
  --shadow:0 10px 30px rgba(11,29,58,.10);
  --shadow-s:0 4px 14px rgba(11,29,58,.08);
  --shadow-trail:0 -10px 30px rgba(11,29,58,.25);

  /* trail bar detail tokens (restyled per theme) */
  --trail-line:#12294E;              /* route line, inactive     */
  --trail-fill:#22D36B;              /* progress + done points   */
  --trail-ring:rgba(34,211,102,.4);  /* halo on current point    */
  --trail-flag:#22D36B;              /* flag cloth               */
  --trail-flag-pole:#FFFFFF;         /* flag pole                */
  --trail-cta-bg:#22D36B;            /* CTA pill on the trail    */
  --trail-cta-ink:#001D40;

  /* signals */
  --warn:#E8A13C;
  --warn-bg:#FCF0DA;
  --danger:#B4232C;
  --danger-bg:#FDF2F2;

  /* geometry & type (layout tokens live with the theme so a
     future theme may also round or sharpen the whole UI) */
  --radius:16px;
  --radius-s:10px;
  --font-head:'Montserrat',sans-serif;
  --font-body:'Inter',sans-serif;
}