/* Untrod colour system — taken from the mascot.
   Wanderer blue (its body) is the primary. Ember (its beanie and backpack) inks walked streets.
   Light (:root) is a soft lavender-white that matches the mascot artwork's ground; Dark ([data-theme="dark"]) is an indigo-charcoal.
   Five friendly hues colour icon tiles, medals, stamps and progress. */
:root{
  --paper-0:#FFFFFF;
  --paper-25:#F6F5FA;
  --paper-50:#EEEDF5;
  --paper-100:#E4E3EE;
  --paper-200:#D2D1E0;
  --paper-300:#B3B2C6;
  --paper-400:#8F8EA6;
  --paper-500:#6E6D85;
  --paper-600:#525168;
  --paper-700:#3A394D;
  --paper-800:#252433;
  --paper-900:#161622;

  --ink-000:#0C0C12;
  --ink-050:#12121A;
  --ink-100:#1B1B26;
  --ink-200:#252531;
  --ink-300:#30303E;
  --ink-400:#444456;
  --ink-500:#66667B;
  --ink-600:#8D8DA3;
  --ink-700:#B5B5C8;
  --ink-800:#D9D9E6;
  --ink-900:#F3F3F9;

  /* Wanderer blue — primary (mascot body) */
  --wander-50:#F0F2FC;
  --wander-100:#DFE3F8;
  --wander-200:#BCC3EF;
  --wander-300:#95A0E2;
  --wander-400:#7381D6;
  --wander-500:#5868C8;
  --wander-600:#4553B0;
  --wander-700:#353F8C;

  /* Ember — walked streets (mascot beanie) */
  --orange-50:#FDF0EB;
  --orange-100:#FBDDD2;
  --orange-200:#F7BEA8;
  --orange-300:#F29878;
  --orange-400:#EC7450;
  --orange-500:#E4532A;
  --orange-600:#C2421D;
  --orange-700:#933216;

  --blue-100:#DCEBF9;  --blue-500:#3B94D9;  --blue-600:#2C78B5;
  --green-100:#D8F0E2; --green-500:#3AA874; --green-600:#2C8859;
  --purple-100:#ECE3F9;--purple-500:#9467D8;--purple-600:#7A4EBC;
  --pink-100:#FDE4E1;  --pink-500:#EE7A70;  --pink-600:#D25F55;
  --yellow-100:#FCEFCF;--yellow-500:#EFB43A;--yellow-600:#C99222;

  /* Safety — the only true red. Hazards, SOS, closures. */
  --red-500:#D9303A;
  --red-400:#F0646A;

  --surface-base:var(--paper-25);
  --surface-raised:var(--paper-0);
  --surface-sunken:var(--paper-50);
  --surface-card:var(--paper-0);
  --surface-sheet:rgba(255,255,255,.98);
  --surface-overlay:rgba(22,22,34,.40);
  --surface-pressed:var(--paper-50);
  --surface-inverse:var(--paper-900);

  --text-primary:var(--paper-900);
  --text-secondary:var(--paper-500);
  --text-tertiary:var(--paper-400);
  --text-on-accent:#FFFFFF;
  --text-on-inverse:var(--paper-0);
  --text-accent:var(--wander-600);

  --line-hairline:rgba(30,30,60,.07);
  --line-subtle:rgba(30,30,60,.12);
  --line-strong:rgba(30,30,60,.24);

  --accent:var(--wander-500);
  --accent-pressed:var(--wander-600);
  --accent-wash:var(--wander-50);
  --accent-wash-strong:var(--wander-100);

  --walked:var(--orange-500);
  --walked-wash:var(--orange-100);

  --tone-wander:var(--wander-500); --tone-wander-wash:var(--wander-100);
  --tone-orange:var(--orange-500); --tone-orange-wash:var(--orange-100);
  --tone-blue:var(--blue-500);     --tone-blue-wash:var(--blue-100);
  --tone-green:var(--green-500);   --tone-green-wash:var(--green-100);
  --tone-purple:var(--purple-500); --tone-purple-wash:var(--purple-100);
  --tone-pink:var(--pink-500);     --tone-pink-wash:var(--pink-100);
  --tone-yellow:var(--yellow-500); --tone-yellow-wash:var(--yellow-100);

  --lip-accent:var(--wander-700);
  --lip-neutral:var(--paper-200);

  --stamp:var(--purple-500);
  --stamp-wash:var(--purple-100);
  --safety:var(--red-500);
  --safety-wash:#FCE3E3;

  --map-land:#EEEDF4;
  --map-building:#E4E3EC;
  --map-water:#C3D8F2;
  --map-park:#CDE8CF;
  --map-street-unwalked:#FFFFFF;
  --map-street-walked:var(--orange-500);
  --map-street-route:var(--wander-500);
  --map-label:#8F8EA6;
  --map-label-halo:#EEEDF4;
  --map-you:var(--wander-500);
  --map-you-ring:#FFFFFF;
}

[data-theme="dark"]{
  --surface-base:var(--ink-050);
  --surface-raised:var(--ink-100);
  --surface-sunken:var(--ink-200);
  --surface-card:var(--ink-100);
  --surface-sheet:rgba(27,27,38,.98);
  --surface-overlay:rgba(0,0,0,.56);
  --surface-pressed:var(--ink-200);
  --surface-inverse:var(--ink-900);

  --text-primary:var(--ink-900);
  --text-secondary:var(--ink-600);
  --text-tertiary:var(--ink-500);
  --text-on-accent:#FFFFFF;
  --text-on-inverse:var(--ink-050);
  --text-accent:#A3ADF0;

  --line-hairline:rgba(220,220,255,.06);
  --line-subtle:rgba(220,220,255,.10);
  --line-strong:rgba(220,220,255,.22);

  --accent:#6E7DDB;
  --accent-pressed:#5868C8;
  --accent-wash:rgba(110,125,219,.14);
  --accent-wash-strong:rgba(110,125,219,.24);

  --walked:#EE7A56;
  --walked-wash:rgba(238,122,86,.18);

  --tone-wander:#8C98E6; --tone-wander-wash:rgba(110,125,219,.22);
  --tone-orange:#EE7A56; --tone-orange-wash:rgba(238,122,86,.18);
  --tone-blue:#6BB0E6;   --tone-blue-wash:rgba(59,148,217,.20);
  --tone-green:#5DC293;  --tone-green-wash:rgba(58,168,116,.20);
  --tone-purple:#AE8CE6; --tone-purple-wash:rgba(148,103,216,.22);
  --tone-pink:#F49A91;   --tone-pink-wash:rgba(238,122,112,.20);
  --tone-yellow:#F3C55C; --tone-yellow-wash:rgba(239,180,58,.20);

  --lip-accent:#3A4596;
  --lip-neutral:var(--ink-000);

  --stamp:#AE8CE6;
  --stamp-wash:rgba(148,103,216,.22);
  --safety:var(--red-400);
  --safety-wash:rgba(240,100,106,.16);

  --map-land:#17171F;
  --map-building:#1E1E28;
  --map-water:#172438;
  --map-park:#16251D;
  --map-street-unwalked:#2E2E3B;
  --map-street-walked:#EE7A56;
  --map-street-route:#8C98E6;
  --map-label:#6E6D85;
  --map-label-halo:#17171F;
  --map-you:#8C98E6;
  --map-you-ring:#FFFFFF;
}