/* WaterWise design tokens, shared by simple (index.html) and expert (expert.html) pages.
   <html data-look="light|dark"> picks the look.
   Everything else (expert-colors.css, simple.css, expert-skin.css) reads these names only. */

/* ── Look: status colours, shadows, map tint ────────────────────────────── */
:root,
[data-look="light"] {
  --water:     #2f7fd8;
  --use:       #c0691a;
  --ok:        #1f8a4c;  --ok-soft:  #e1f4e7;
  --watch:     #a86300; --watch-soft:#fdf0d9;
  --irr:       #c23b2c;  --irr-soft: #fbe5e2;
  --shadow:    0 1px 2px rgb(15 25 35 / .05), 0 8px 24px -12px rgb(15 25 35 / .16);
  --radius:    16px;
  --map-filter: none;
  --inverse-bg:  #111827;
  --inverse-ink: #d7dde5;
  color-scheme: light;
}
[data-look="dark"] {
  --water:     #3d8ae0;
  --use:       #c27026;
  --ok:        #4ade80;  --ok-soft:  #10301f;
  --watch:     #fbbf24; --watch-soft:#3a2c0a;
  --irr:       #f87171;  --irr-soft: #3d1717;
  --shadow:    0 1px 0 rgb(255 255 255 / .03) inset, 0 10px 30px -14px rgb(0 0 0 / .7);
  --radius:    14px;
  --map-filter: brightness(.82) saturate(.9);
  --inverse-bg:  #05080c;
  --inverse-ink: #dbe3ec;
  color-scheme: dark;
}

/* ── Colours: Graphite greys with a blue accent, chosen 2026-11-12 ──
   --accent        brand colour for links, active states, outlines
   --accent-solid  button fill that carries white text (or --accent-ink)
   --accent-text   accent used as text on the page background          */
:root, [data-look="light"] {
  --bg: #f4f4f5; --surface: #ffffff; --surface-2: #fafafa; --line: #e4e4e7; --line-strong: #d4d4d8;
  --ink: #18181b; --ink-2: #3f3f46; --muted: #71717a;
  --accent: #2563eb; --accent-strong: #1d4ed8; --accent-solid: #2563eb; --accent-ink: #ffffff;
  --accent-soft: #dbeafe; --accent-line: #93c5fd; --accent-text: #1d4ed8;
  --gauge-bg: #e7e7ea;
}
[data-look="dark"] {
  --bg: #09090b; --surface: #131316; --surface-2: #18181b; --line: #27272a; --line-strong: #3f3f46;
  --ink: #fafafa; --ink-2: #d4d4d8; --muted: #a1a1aa;
  --accent: #60a5fa; --accent-strong: #3b82f6; --accent-solid: #1d4ed8; --accent-ink: #0b1530;
  --accent-soft: #172554; --accent-line: #1e3a8a; --accent-text: #93c5fd;
  --gauge-bg: #222226;
}