/* ==========================================================================
   Mahod GIS portal — theme tokens, shared by the portal and the login page.
   Light is the default; [data-theme="dark"] on <html> switches it.
   This file is public (served without the login gate).
   ========================================================================== */

/* ---------- Theme tokens ---------- */

[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f8f7; --bg-rgb: 245, 248, 247;
  --ink: #0f2230; --ink-2: #4b5f68; --ink-3: #5d7079;
  --line: rgba(15, 34, 48, .1);
  --card: #ffffff; --card-rgb: 255, 255, 255; --card-bd: rgba(15, 34, 48, .09);
  --card-sh: 0 1px 2px rgba(15, 34, 48, .05), 0 14px 34px -20px rgba(15, 34, 48, .22);
  --art: #eef4f2;
  --panel: rgba(255, 255, 255, .92); --panel-bd: rgba(15, 34, 48, .1);
  --chip: rgba(255, 255, 255, .9); --chip-bd: rgba(15, 34, 48, .1);
  --hero-a: #e2f1eb; --hero-b: #f5f8f7;
  --grid: #0f2230; --grid-o: .05;
  --topo: #2eaa6f; --topo-o: .32; --topo-2: #1f8a55; --topo-2-o: .55;
  --sweep-rgb: 46, 170, 111;
  --gis: linear-gradient(100deg, #1a6fb5 0%, #2d8fe0 20%, #2eaa6f 48%, #2f9636 66%, #2d8fe0 84%, #1a6fb5 100%);
  --glow-o: .22;
  --btn-bg: #0f2230; --btn-ink: #ffffff; --btn-hbg: #1a6fb5; --btn-hink: #ffffff;
  --link: #1a7f4f; --link-h: #0f5a37;
  --seg-bg: rgba(15, 34, 48, .05); --seg-ind: #ffffff; --seg-sh: 0 2px 10px rgba(15, 34, 48, .14);
  --a1: #1a6fb5; --a2: #1592ad; --a3: #2eaa6f; --a4: #2f9636;
  --t1: #1a6fb5; --t2: #0f7f96; --t3: #1a7f4f; --t4: #2a7d2f;
  --street: #d2dee0; --casing: #ffffff; --glow-road-o: .14;
  --fa: #1a6fb5; --fb: #2eaa6f; --amber: #d9951a;
  --st-core: #ffffff; --st-ring: #1a6fb5;
  --grid-line: rgba(15, 34, 48, .05);
  --scan-edge: #1592ad; --scan-rgb: 21, 146, 173; --lit: rgba(21, 146, 173, .24); --flag-rgb: 15, 127, 150;
  --parcel-f: .3; --parcel-fh: .12; --parcel-s: .9; --hatch-o: .75;
  --n50: #3aa75e; --n55: #aeb22a; --n60: #e2961c; --n65: #e5662c; --n70: #d33a3a;
  --road-dash: #0f2230; --src: #e2961c; --src-rgb: 226, 150, 28;
  --bnd-ex: #6b8290; --vtx-bd: #1a7f4f; --vtx-bg: #ffffff; --g1: #1a6fb5; --g2: #2eaa6f;
  --cross: #0f2230; --cross-o: .1;
  --plate: rgba(255, 255, 255, .66); --plate-base: #e6f2ed; --shadow-rgb: 15, 34, 48;
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #06111a; --bg-rgb: 6, 17, 26;
  --ink: #e6eef1; --ink-2: #a3b8c0; --ink-3: #7f9aa5;
  --line: rgba(255, 255, 255, .08);
  --card: #0b1a24; --card-rgb: 11, 26, 36; --card-bd: rgba(210, 232, 240, .45);
  --card-sh: 0 4px 12px rgba(0, 0, 0, .32), 0 20px 44px -14px rgba(0, 0, 0, .65);
  --art: #081520;
  --panel: rgba(6, 16, 24, .82); --panel-bd: rgba(255, 255, 255, .08);
  --chip: rgba(6, 17, 26, .76); --chip-bd: rgba(255, 255, 255, .1);
  --hero-a: #0b2230; --hero-b: #06111a;
  --grid: #ffffff; --grid-o: .04;
  --topo: #5fc2b4; --topo-o: .2; --topo-2: #7fdcaa; --topo-2-o: .42;
  --sweep-rgb: 127, 220, 170;
  --gis: linear-gradient(100deg, #1a6fb5 0%, #2d8fe0 20%, #2eaa6f 48%, #9ae9c3 66%, #2d8fe0 84%, #1a6fb5 100%);
  --glow-o: .5;
  --btn-bg: #eaf6ef; --btn-ink: #06231a; --btn-hbg: #ffffff; --btn-hink: #06231a;
  --link: #7fdcaa; --link-h: #b8f2d3;
  --seg-bg: rgba(255, 255, 255, .05); --seg-ind: #16303f; --seg-sh: 0 2px 12px rgba(0, 0, 0, .4);
  --a1: #2d8fe0; --a2: #25a7c4; --a3: #2eaa6f; --a4: #7fdcaa;
  --t1: #6fb4f5; --t2: #4fc6dd; --t3: #4fc98a; --t4: #9ae9c3;
  --street: #1b3444; --casing: #10222f; --glow-road-o: .2;
  --fa: #8cc6ff; --fb: #9ae9c3; --amber: #f2c14e;
  --st-core: #eaf6ff; --st-ring: #8cc6ff;
  --grid-line: rgba(255, 255, 255, .035);
  --scan-edge: #7ee8f5; --scan-rgb: 37, 194, 217; --lit: rgba(150, 236, 250, .42); --flag-rgb: 37, 194, 217;
  --parcel-f: .16; --parcel-fh: .08; --parcel-s: .55; --hatch-o: .5;
  --n50: #5fc27d; --n55: #cfd35a; --n60: #f5b342; --n65: #f47c3c; --n70: #ef4b4b;
  --road-dash: #e6eef1; --src: #f5b342; --src-rgb: 245, 179, 66;
  --bnd-ex: #9db3c0; --vtx-bd: #e6fff2; --vtx-bg: #0b2a1f; --g1: #2d8fe0; --g2: #9ae9c3;
  --cross: #ffffff; --cross-o: .06;
  --plate: rgba(10, 28, 38, .66); --plate-base: #0b1f2a; --shadow-rgb: 0, 0, 0;
}

.c1 { --acc: var(--a1); --acc-t: var(--t1); }
.c2 { --acc: var(--a2); --acc-t: var(--t2); }
.c3 { --acc: var(--a3); --acc-t: var(--t3); }
.c4 { --acc: var(--a4); --acc-t: var(--t4); }