/* ─────────────────────────────────────────────────────────────────────────
   W GROUP — theme tokens
   COPIED from weathergpx css/alien.css :root (full block) so this app stays
   self-contained. Scoped to .wgroup (NOT :root): embedded in weathergpx these
   names collide with the host's own tokens — on :root this file would
   silently re-theme the host. Custom properties inherit, so every .wgroup
   subtree still gets them; standalone the whole app lives under .wgroup.
   ───────────────────────────────────────────────────────────────────────── */
.wgroup {
  --grey0-95: #fffffff2;
  --grey0-90: #FFFFFFE6;
  --grey0-85: #ffffffd9;
  --grey0-82: #FFFFFFD1;
  --grey0-75: #ffffffbf;
  --grey0-50: #ffffff80;
  --grey0-25: #ffffff40;
  --grey0-15: #ffffff26;
  --grey0-10: #ffffff1a;
  --grey0-5: #ffffff0d;
  --grey0: #ffffff;
  /* True neutrals (restored 2026-07-04 — same lightness as the blue scale) */
  --grey1: #ECECEC;
  --grey2: #D8D8D8;
  --grey3: #B4B4B4;
  --grey4: #8C8C8C;
  --grey4T: rgba(230, 230, 230, 0.2);
  --grey4-5: #777777;
  --grey5: #7E7E7E;
  --grey6: #373737;
  --grey6-5: #2E2E2E;
  --grey7: #242424;
  --grey8: #1A1A1A;
  --grey8-90: #1a1a1ae6;
  /* Blue-tinted surface scale — the app's dark-blue theme (ex --greyXX values) */
  --blue1: #E4F0F8;
  --blue2: #C8DDF0;
  --blue3: #A0BDD0;
  --blue4: #6A8FAA;
  --blue4-5: #62748E;
  --blue5: #5B80A0;
  --blue6: #1E3452;
  --blue6-5: #063152;
  --blue7: #132238;
  --blue8: #0C1829;
  --blue8-90: #0c1829e6;
  --grey9: #000000;
  --grey9-5: #0000000d;
  --grey9-10: #0000001A;
  --grey9-15: #00000026;
  --grey9-25: #00000040;
  --grey9-50: #00000080;
  --grey9-75: #000000bf;
  --grey9-82: #000000D1;
  --grey9-85: #000000d9;
  --grey9-90: #000000e6;
  --grey9-95: #000000F2;
  --color-primary-ultralight: #BAE6FD;
  --color-primary-bright: #00BBFF;
  --color-primary-light: #38BDF8;
  --color-primary-lightT: rgba(56, 189, 248, 0.2);
  --color-primary: #0284C7;
  --color-primary-dark: #0369A1;
  --color-primary-darker: #0C4A6E;
  --color-primary-darker90: #0C4A6EE6;
  --color-primary-deep: #054066;
  --color-secondary-ultralight: #FDE68A;
  --color-secondary-light: #F59E0B;
  --color-secondary: #D97706;
  --color-secondary-dark: #92400E;
  --color-secondary-darker: #451A03;
  --color-secondary-darker90: #451A03E6;
  --color-border: #dde2e1;
  --color-copy: #232928;
  --color-copy-light: #5e6e6c;
  --color-copy-lighter: #849593;
  --color-success: #015201;
  --color-warning: #525201;
  --color-error: #520101;
  --color-success-content: #55fd55;
  --color-warning-content: #fdfd55;
  --color-error-content: #c81e1e;
  /* Bright variants — high-visibility alert backgrounds (white text on top) */
  --color-success-bright: #2a8c4a;
  --color-success-bright-strong: #1e6e38;
  --color-warning-bright: #c87800;
  --color-error-bright: #c81e1e;
  /* SOS family — buttons, top banner, marker pulse */
  --color-sos: #ef4444;
  --color-sos-strong: #dc2626;
  --color-sos-dark: #7f1d1d;
  --color-sos-90: #ef4444e6;
  --color-sos-0: #ef444400;
  --color-map-pin: #ff0000;
  --color-map-accuracy: #4a90d9;
  --font-xs: 0.75rem;
  --font-sm: 0.87rem;
  --font-md: 1rem;
  --font-lg: 1.15rem;
  --font-xl: 1.25rem;
  --font-xxl: 1.5rem;
  --font-xxxl: 2rem;
}