/*	-------------------------------------------------------------------
 *	WeatherPortal dark theme — matches WeatherPortal.co.uk palette
 *	Replaces the original w3schools CumulusMX light blue theme.
 *
 *	Key colours (mirrored from src/styles/global.css):
 *	  Background deep : #0f172a
 *	  Background card : #1e293b
 *	  Accent / glow   : #38bdf8  (sky blue)
 *	  Success         : #34d399  (emerald)
 *	  Text main       : #f8fafc
 *	  Text muted      : #94a3b8
 *	------------------------------------------------------------------*/

/* ── Panel / card background ─────────────────────────────────────── */
.w3-theme-white { color: #e2e8f0; background-color: rgba(30, 41, 59, 0.75); }

/* ── Data-row shades (light variants, l1 → l6) ──────────────────── */
.w3-theme-l6    { color: #94a3b8;  background-color: #111827; }
.w3-theme-l5    { color: #cbd5e1;  background-color: #131d2e; }
.w3-theme-l4    { color: #cbd5e1;  background-color: #162033; }
.w3-theme-l3    { color: #e2e8f0;  background-color: #1a2535; }
.w3-theme-l2    { color: #e2e8f0;  background-color: #1e2d3e; }
.w3-theme-l1    { color: #f1f5f9;  background-color: #1e3050; }

/* ── Section-header shades (dark variants, d1 → d5) ─────────────── */
.w3-theme-d1    { color: #94a3b8;  background-color: #0e2040; }
.w3-theme-d2    { color: #94a3b8;  background-color: #0c1e38; }
.w3-theme-d3    { color: #94a3b8;  background-color: #0a1a30; }
.w3-theme-d4    { color: #f8fafc;  background-color: #1e293b; }
.w3-theme-d5    { color: #94a3b8;  background-color: #051020; }

/* ── Semantic aliases ────────────────────────────────────────────── */
.w3-theme-light  { color: #e2e8f0; background-color: #0f172a; }
.w3-theme-dark   { color: #f8fafc; background-color: #0f172a; }
.w3-theme-action { color: #0f172a; background-color: #38bdf8; }

/* ── Base theme ──────────────────────────────────────────────────── */
.w3-theme        { color: #f8fafc; background-color: #1e293b; }
.w3-theme-txt    { color: #38bdf8; }
.w3-theme-bdr    { border-color: rgba(56, 189, 248, 0.25); }
.w3-theme-d5-bdr { border-color: #0f172a; }
.w3-theme-l1-bdr { border-color: rgba(255, 255, 255, 0.08); }

/* ── Hover states ────────────────────────────────────────────────── */
.w3-theme-hvr:hover     { color: #f8fafc; background-color: #1e293b; }
.w3-theme-d5-hvr:hover  { color: #f8fafc; background-color: #0f172a; }
.w3-theme-txt-hvr:hover { color: #38bdf8; }
.w3-theme-bdr-hvr:hover { border-color: rgba(56, 189, 248, 0.5); }