/* Agresca design system — tokens as CSS custom properties.
   Generated from tokens.json (Agresca design system, tokens read 2026-10-09; version 1).
   Themes: light (default, :root) and dark "ops room" ([data-theme="dark"]). Do not edit by hand: regenerate from tokens.json.
   Usage: colours via var(--surface), var(--text), var(--action)…; type via the --type-* variables or the classes in nile-monitor-theme.css. */

:root {
  color-scheme: light;
  --c-navy: #0a2540;
  --c-navy-2: #112d52;
  --c-ink: #0b1623;
  --c-paper: #ffffff;
  --c-off: #f7f4ee;
  --c-sand: #e8d5b7;
  --c-sand-2: #c08552;
  --c-copper: #b8722f;
  --c-teal: #2dd4bf;
  --c-steel: #6c96c2;
  --c-line: #e5e1d8;
  --c-muted: #5b6b7c;
  --c-text: #1a2533;
  --c-text-dim: #475569;
  --c-success: #16a34a;
  --c-warn: #d97706;
  --surface: #ffffff;
  --surface-alt: #f7f4ee;
  --surface-raised: #ffffff;
  --heading: #0b1623;
  --text: #1a2533;
  --text-dim: #475569;
  --text-muted: #5b6b7c;
  --border: #e5e1d8;
  --border-strong: #7b8794;
  --link: #0a2540;
  --link-hover: #b8722f;
  --action: #0a2540;
  --action-hover: #112d52;
  --action-on: #ffffff;
  --accent: #b8722f;
  --accent-text: #8e5317;
  --focus: #b8722f;
  --alert-info: #007270;
  --alert-info-on: #ffffff;
  --alert-info-tint: #daf7f4;
  --alert-watch: #f7cd3a;
  --alert-watch-on: #0b1623;
  --alert-watch-tint: #fef4ce;
  --alert-warning: #c22826;
  --alert-warning-on: #ffffff;
  --alert-warning-tint: #ffe9e6;
  --alert-severe: #6b359b;
  --alert-severe-on: #ffffff;
  --alert-severe-tint: #f3eaff;
  --anom-dry-3: #774100;
  --anom-dry-2: #b8722f;
  --anom-dry-1: #e6b790;
  --anom-mid: #e5e1d8;
  --anom-wet-1: #9ec5f4;
  --anom-wet-2: #3987e5;
  --anom-wet-3: #184f95;
  --state-critical-low: #774100;
  --state-low: #b8722f;
  --state-normal: #5b6b7c;
  --state-high: #3987e5;
  --state-spill: #184f95;
  --state-nodata: #7b8794;
  --depth-1: #b7d3f6;
  --depth-2: #6da7ec;
  --depth-3: #3987e5;
  --depth-4: #1c5cab;
  --depth-5: #0d366b;
  --series-1: #2a78d6;
  --series-2: #e87ba4;
  --series-3: #008300;
  --series-4: #6250d6;
  --series-5: #eb6834;
  --series-6: #1baf7a;
  --map-land: #ece5db;
  --map-water: #b7d6ec;
  --map-water-line: #3f7fb8;
  --map-boundary: #5b6b7c;
  --map-aoi: #8e5317;
  --map-halo: #ffffff;
  --chart-grid: #e5e1d8;
  --chart-axis: #7b8794;
  --chart-band: rgba(57,135,229,0.18);
  --lc-water: #419bdf;
  --lc-trees: #397d49;
  --lc-grass: #88b053;
  --lc-flooded: #7a87c6;
  --lc-crops: #e49635;
  --lc-shrub: #dfc35a;
  --lc-built: #c4281b;
  --lc-bare: #a59b8f;
  --lc-snow: #b39fe1;
  --chg-new-built: #a8123a;
  --chg-cleared: #c96a0c;
  --chg-persist: #e5e1d8;
  --chg-reverted: #3b5fc0;
  --chg-1: #fbe5ec;
  --chg-2: #f3b9cb;
  --chg-3: #e3809f;
  --chg-4: #c4436d;
  --chg-5: #8a1740;
  --chg-on: #ffffff;
  --yr-1: #c6ece4;
  --yr-2: #86d3c6;
  --yr-3: #3fb3a4;
  --yr-4: #1e8580;
  --yr-5: #1a5868;
  --yr-6: #0a2540;
  --suit-1: #e4f2db;
  --suit-2: #b5dca2;
  --suit-3: #7dbb68;
  --suit-4: #3f9140;
  --suit-5: #1d5c2a;
  --suit-masked: #7b8794;
  --gap-under-3: #184f95;
  --gap-under-2: #3987e5;
  --gap-under-1: #9ec5f4;
  --gap-par: #e5e1d8;
  --gap-over-1: #e6b790;
  --gap-over-2: #b8722f;
  --gap-over-3: #774100;
  --verify-confirmed: #1b6e3a;
  --verify-confirmed-on: #ffffff;
  --verify-confirmed-tint: #dff3e6;
  --verify-unverified: #5b6b7c;
  --verify-unverified-on: #ffffff;
  --verify-unverified-tint: #eceff3;
  --verify-conflict: #9a4a0b;
  --verify-conflict-on: #ffffff;
  --verify-conflict-tint: #fdebd9;
  --verify-pending: #7b8794;
  --verify-pending-on: #1a2533;
  --verify-pending-tint: #f7f4ee;
  --zone-res: #d4b43a;
  --zone-com: #c8443f;
  --zone-mix: #ea8f3f;
  --zone-ind: #5e4592;
  --zone-agri: #6b9a46;
  --zone-inst: #4f86c6;
  --zone-protected: #2d6a4f;
  --tone-pos: #3987e5;
  --tone-neutral: #5b6b7c;
  --tone-neg: #b8722f;
  --map-parcel: #a79b88;
  --map-parcel-flag: rgba(184,114,47,0.35);
  --map-parcel-selected: #8e5317;
  --shadow-sm: 0 1px 2px rgba(10,37,64,.06), 0 1px 3px rgba(10,37,64,.04);
  --shadow-md: 0 4px 12px rgba(10,37,64,.08), 0 2px 4px rgba(10,37,64,.05);
  --shadow-lg: 0 24px 48px rgba(10,37,64,.10), 0 8px 16px rgba(10,37,64,.06);
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-sans-ar: 'Inter', 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --font-display-ar: 'Space Grotesk', 'IBM Plex Sans Arabic', 'Inter', system-ui, sans-serif;
  --type-h1-size: 3.6rem; --type-h1-line: 1.1; --type-h1-weight: 600; --type-h1-tracking: -0.02em;
  --type-h2-size: 2.4rem; --type-h2-line: 1.1; --type-h2-weight: 600; --type-h2-tracking: -0.02em;
  --type-h3-size: 1.25rem; --type-h3-line: 1.1; --type-h3-weight: 600; --type-h3-tracking: -0.02em;
  --type-lede-size: 1.18rem; --type-lede-line: 1.55; --type-lede-weight: 400;
  --type-body-size: 1rem; --type-body-line: 1.55; --type-body-weight: 400;
  --type-ui-size: 14px; --type-ui-line: 20px; --type-ui-weight: 400;
  --type-data-size: 13px; --type-data-line: 18px; --type-data-weight: 500;
  --type-caption-size: 12px; --type-caption-line: 16px; --type-caption-weight: 500;
  --type-kpi-size: 32px; --type-kpi-line: 1.1; --type-kpi-weight: 600; --type-kpi-tracking: -0.02em; --type-kpi-family: var(--font-display);
  --type-label-size: 11px; --type-label-line: 16px; --type-label-weight: 500; --type-label-tracking: 0.08em; --type-label-family: var(--font-mono);
  --type-h1-ar-size: 3.6rem; --type-h1-ar-line: 1.3; --type-h1-ar-weight: 600; --type-h1-ar-tracking: 0; --type-h1-ar-family: var(--font-display-ar);
  --type-h2-ar-size: 2.4rem; --type-h2-ar-line: 1.3; --type-h2-ar-weight: 600; --type-h2-ar-tracking: 0; --type-h2-ar-family: var(--font-display-ar);
  --type-h3-ar-size: 1.25rem; --type-h3-ar-line: 1.4; --type-h3-ar-weight: 600; --type-h3-ar-tracking: 0; --type-h3-ar-family: var(--font-display-ar);
  --type-body-ar-size: 1.0625rem; --type-body-ar-line: 1.75; --type-body-ar-weight: 400;
  --type-ui-ar-size: 15px; --type-ui-ar-line: 24px; --type-ui-ar-weight: 400;
  --type-caption-ar-size: 13px; --type-caption-ar-line: 20px; --type-caption-ar-weight: 500;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 96px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 18px;
  --radius-pill: 999px;
  --maxw: 1180px;
  --pad: clamp(16px, 4vw, 32px);
  --bp-nav: 820px;
  --nm-night: #07131f;
  --nm-navy: #0a2540;
  --nm-mist: #f3f4f1;
  --nm-line: #d5d9dd;
  --nm-graphite: #36414d;
  --nm-muted: #5b6672;
  --nm-ink: #14202b;
  --nm-copper: #b8722f;
  --nm-teal: #2dd4bf;
  --nm-nile: #1f5f8b;
  --nm-steel: #9fb3c8;
  --nm-ice: #e6ecf2;
  --nm-step2-bg: #FFFF00;
  --nm-step2-fg: #1d1d1b;
  --nm-step3-bg: #FFC000;
  --nm-step3-fg: #1d1d1b;
  --nm-step4-bg: #E00000;
  --nm-step4-fg: #ffffff;
  --nm-ffews-severe: var(--alert-warning);
  --nm-ffews-extreme: var(--alert-severe);
  --nm-ffews-above: var(--alert-watch);
}

[data-theme="dark"] {
  color-scheme: dark;
  --c-navy: #0a2540;
  --c-navy-2: #112d52;
  --c-ink: #0b1623;
  --c-paper: #ffffff;
  --c-off: #f7f4ee;
  --c-sand: #e8d5b7;
  --c-sand-2: #c08552;
  --c-copper: #b8722f;
  --c-teal: #2dd4bf;
  --c-steel: #6c96c2;
  --c-line: #e5e1d8;
  --c-muted: #5b6b7c;
  --c-text: #1a2533;
  --c-text-dim: #475569;
  --c-success: #16a34a;
  --c-warn: #d97706;
  --surface: #0b1623;
  --surface-alt: #0a2540;
  --surface-raised: #112d52;
  --heading: #f7f4ee;
  --text: #dce4ee;
  --text-dim: #aab8c8;
  --text-muted: #8fa0b4;
  --border: #2b3e57;
  --border-strong: #6b87a6;
  --link: #2dd4bf;
  --link-hover: #e8d5b7;
  --action: #e8d5b7;
  --action-hover: #f7f4ee;
  --action-on: #0b1623;
  --accent: #b8722f;
  --accent-text: #dea372;
  --focus: #b8722f;
  --alert-info: #2dd4bf;
  --alert-info-on: #0b1623;
  --alert-info-tint: #0e3835;
  --alert-watch: #f4cd4b;
  --alert-watch-on: #0b1623;
  --alert-watch-tint: #3c3212;
  --alert-warning: #f66d67;
  --alert-warning-on: #0b1623;
  --alert-warning-tint: #4a2321;
  --alert-severe: #a975e0;
  --alert-severe-on: #0b1623;
  --alert-severe-tint: #372849;
  --anom-dry-3: #ffba7f;
  --anom-dry-2: #c08552;
  --anom-dry-1: #925d2c;
  --anom-mid: #3e4349;
  --anom-wet-1: #256abf;
  --anom-wet-2: #5598e7;
  --anom-wet-3: #b7d3f6;
  --state-critical-low: #ffba7f;
  --state-low: #c08552;
  --state-normal: #8fa0b4;
  --state-high: #5598e7;
  --state-spill: #b7d3f6;
  --state-nodata: #6b87a6;
  --depth-1: #184f95;
  --depth-2: #256abf;
  --depth-3: #3987e5;
  --depth-4: #6da7ec;
  --depth-5: #b7d3f6;
  --series-1: #3987e5;
  --series-2: #d55181;
  --series-3: #008300;
  --series-4: #9085e9;
  --series-5: #d95926;
  --series-6: #199e70;
  --map-land: #16212e;
  --map-water: #24425e;
  --map-water-line: #5e97cd;
  --map-boundary: #8fa0b4;
  --map-aoi: #dea372;
  --map-halo: #0b1623;
  --chart-grid: #2b3e57;
  --chart-axis: #6b87a6;
  --chart-band: rgba(85,152,231,0.26);
  --lc-water: #419bdf;
  --lc-trees: #397d49;
  --lc-grass: #88b053;
  --lc-flooded: #7a87c6;
  --lc-crops: #e49635;
  --lc-shrub: #dfc35a;
  --lc-built: #c4281b;
  --lc-bare: #a59b8f;
  --lc-snow: #b39fe1;
  --chg-new-built: #ff7b98;
  --chg-cleared: #f5a940;
  --chg-persist: #3e4349;
  --chg-reverted: #8fa8ff;
  --chg-1: #4a1b2b;
  --chg-2: #7a2648;
  --chg-3: #a33862;
  --chg-4: #d9779a;
  --chg-5: #ffb7c9;
  --chg-on: #0b1623;
  --yr-1: #1b3b49;
  --yr-2: #1f5f66;
  --yr-3: #2a8a82;
  --yr-4: #4fb8aa;
  --yr-5: #8fdccf;
  --yr-6: #cdf3ec;
  --suit-1: #1b3a22;
  --suit-2: #2b5f30;
  --suit-3: #4a9340;
  --suit-4: #84c46d;
  --suit-5: #c6edb3;
  --suit-masked: #6b87a6;
  --gap-under-3: #b7d3f6;
  --gap-under-2: #5598e7;
  --gap-under-1: #256abf;
  --gap-par: #3e4349;
  --gap-over-1: #925d2c;
  --gap-over-2: #c08552;
  --gap-over-3: #ffba7f;
  --verify-confirmed: #5fcf8a;
  --verify-confirmed-on: #0b1623;
  --verify-confirmed-tint: #163826;
  --verify-unverified: #9fb0c3;
  --verify-unverified-on: #0b1623;
  --verify-unverified-tint: #283546;
  --verify-conflict: #f0a05a;
  --verify-conflict-on: #0b1623;
  --verify-conflict-tint: #44301a;
  --verify-pending: #6b87a6;
  --verify-pending-on: #dce4ee;
  --verify-pending-tint: #0a2540;
  --zone-res: #f0d76a;
  --zone-com: #e8766f;
  --zone-mix: #e8954a;
  --zone-ind: #b399dd;
  --zone-agri: #9ad178;
  --zone-inst: #7fb0e6;
  --zone-protected: #3e8f6e;
  --tone-pos: #5598e7;
  --tone-neutral: #8fa0b4;
  --tone-neg: #c08552;
  --map-parcel: #4f607a;
  --map-parcel-flag: rgba(222,163,114,0.35);
  --map-parcel-selected: #dea372;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.40), 0 1px 3px rgba(0,0,0,.30);
  --shadow-md: 0 4px 12px rgba(0,0,0,.45), 0 2px 4px rgba(0,0,0,.35);
  --shadow-lg: 0 24px 48px rgba(0,0,0,.55), 0 8px 16px rgba(0,0,0,.40);
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="auto"] {
    color-scheme: dark;
  --c-navy: #0a2540;
  --c-navy-2: #112d52;
  --c-ink: #0b1623;
  --c-paper: #ffffff;
  --c-off: #f7f4ee;
  --c-sand: #e8d5b7;
  --c-sand-2: #c08552;
  --c-copper: #b8722f;
  --c-teal: #2dd4bf;
  --c-steel: #6c96c2;
  --c-line: #e5e1d8;
  --c-muted: #5b6b7c;
  --c-text: #1a2533;
  --c-text-dim: #475569;
  --c-success: #16a34a;
  --c-warn: #d97706;
  --surface: #0b1623;
  --surface-alt: #0a2540;
  --surface-raised: #112d52;
  --heading: #f7f4ee;
  --text: #dce4ee;
  --text-dim: #aab8c8;
  --text-muted: #8fa0b4;
  --border: #2b3e57;
  --border-strong: #6b87a6;
  --link: #2dd4bf;
  --link-hover: #e8d5b7;
  --action: #e8d5b7;
  --action-hover: #f7f4ee;
  --action-on: #0b1623;
  --accent: #b8722f;
  --accent-text: #dea372;
  --focus: #b8722f;
  --alert-info: #2dd4bf;
  --alert-info-on: #0b1623;
  --alert-info-tint: #0e3835;
  --alert-watch: #f4cd4b;
  --alert-watch-on: #0b1623;
  --alert-watch-tint: #3c3212;
  --alert-warning: #f66d67;
  --alert-warning-on: #0b1623;
  --alert-warning-tint: #4a2321;
  --alert-severe: #a975e0;
  --alert-severe-on: #0b1623;
  --alert-severe-tint: #372849;
  --anom-dry-3: #ffba7f;
  --anom-dry-2: #c08552;
  --anom-dry-1: #925d2c;
  --anom-mid: #3e4349;
  --anom-wet-1: #256abf;
  --anom-wet-2: #5598e7;
  --anom-wet-3: #b7d3f6;
  --state-critical-low: #ffba7f;
  --state-low: #c08552;
  --state-normal: #8fa0b4;
  --state-high: #5598e7;
  --state-spill: #b7d3f6;
  --state-nodata: #6b87a6;
  --depth-1: #184f95;
  --depth-2: #256abf;
  --depth-3: #3987e5;
  --depth-4: #6da7ec;
  --depth-5: #b7d3f6;
  --series-1: #3987e5;
  --series-2: #d55181;
  --series-3: #008300;
  --series-4: #9085e9;
  --series-5: #d95926;
  --series-6: #199e70;
  --map-land: #16212e;
  --map-water: #24425e;
  --map-water-line: #5e97cd;
  --map-boundary: #8fa0b4;
  --map-aoi: #dea372;
  --map-halo: #0b1623;
  --chart-grid: #2b3e57;
  --chart-axis: #6b87a6;
  --chart-band: rgba(85,152,231,0.26);
  --lc-water: #419bdf;
  --lc-trees: #397d49;
  --lc-grass: #88b053;
  --lc-flooded: #7a87c6;
  --lc-crops: #e49635;
  --lc-shrub: #dfc35a;
  --lc-built: #c4281b;
  --lc-bare: #a59b8f;
  --lc-snow: #b39fe1;
  --chg-new-built: #ff7b98;
  --chg-cleared: #f5a940;
  --chg-persist: #3e4349;
  --chg-reverted: #8fa8ff;
  --chg-1: #4a1b2b;
  --chg-2: #7a2648;
  --chg-3: #a33862;
  --chg-4: #d9779a;
  --chg-5: #ffb7c9;
  --chg-on: #0b1623;
  --yr-1: #1b3b49;
  --yr-2: #1f5f66;
  --yr-3: #2a8a82;
  --yr-4: #4fb8aa;
  --yr-5: #8fdccf;
  --yr-6: #cdf3ec;
  --suit-1: #1b3a22;
  --suit-2: #2b5f30;
  --suit-3: #4a9340;
  --suit-4: #84c46d;
  --suit-5: #c6edb3;
  --suit-masked: #6b87a6;
  --gap-under-3: #b7d3f6;
  --gap-under-2: #5598e7;
  --gap-under-1: #256abf;
  --gap-par: #3e4349;
  --gap-over-1: #925d2c;
  --gap-over-2: #c08552;
  --gap-over-3: #ffba7f;
  --verify-confirmed: #5fcf8a;
  --verify-confirmed-on: #0b1623;
  --verify-confirmed-tint: #163826;
  --verify-unverified: #9fb0c3;
  --verify-unverified-on: #0b1623;
  --verify-unverified-tint: #283546;
  --verify-conflict: #f0a05a;
  --verify-conflict-on: #0b1623;
  --verify-conflict-tint: #44301a;
  --verify-pending: #6b87a6;
  --verify-pending-on: #dce4ee;
  --verify-pending-tint: #0a2540;
  --zone-res: #f0d76a;
  --zone-com: #e8766f;
  --zone-mix: #e8954a;
  --zone-ind: #b399dd;
  --zone-agri: #9ad178;
  --zone-inst: #7fb0e6;
  --zone-protected: #3e8f6e;
  --tone-pos: #5598e7;
  --tone-neutral: #8fa0b4;
  --tone-neg: #c08552;
  --map-parcel: #4f607a;
  --map-parcel-flag: rgba(222,163,114,0.35);
  --map-parcel-selected: #dea372;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.40), 0 1px 3px rgba(0,0,0,.30);
  --shadow-md: 0 4px 12px rgba(0,0,0,.45), 0 2px 4px rgba(0,0,0,.35);
  --shadow-lg: 0 24px 48px rgba(0,0,0,.55), 0 8px 16px rgba(0,0,0,.40);
  }
}