/* Calculate — Drainage (CALCULATE-DRAINAGE-BRIEF §6): the drawing colours of the network canvas and the
 * Flow view. Canvas reads these at runtime (views/calc-drain-plan.js readColours), so both themes follow.
 * Status colours are MicroDrainage's order — OK green, SURCHARGED amber, FLOOD RISK orange, FLOOD red —
 * and OFF SITE is the danger colour: "this leaves the site" must be impossible to miss (§6.5). */
:root, [data-theme="light"] {
  --cxd-pipe: #1F44B8; --cxd-pipe-empty: #A9ACB4; --cxd-pipe-high: #B57700; --cxd-pipe-over: #C0290A;
  --cxd-water: #2E7DE0; --cxd-water-fill: rgba(46, 125, 224, 0.38); --cxd-rain: #5F80EA; --cxd-rain-fill: rgba(95, 128, 234, 0.35);
  --cxd-particle: #1F55D6;
  --cxd-node: #10328B; --cxd-node-fill: #FFFFFF; --cxd-sel: #EA5A29; --cxd-calib: #7A5A00;
  --cxd-ok: #1F7A4D; --cxd-sur: #B57700; --cxd-risk: #E0662D; --cxd-flood: #C0290A;
  --cxd-exceed: #E0662D; --cxd-offsite: #C0290A;
  --cxd-roof: rgba(18, 58, 208, 0.30); --cxd-yard: rgba(95, 128, 234, 0.32); --cxd-hard: rgba(142, 148, 160, 0.34); --cxd-road: rgba(110, 116, 128, 0.36); --cxd-land: rgba(30, 142, 90, 0.26);
  --cxd-proposed: #EA5A29; --cxd-store: #1F44B8; --cxd-store-fill: rgba(31, 68, 184, 0.08);
  --cxd-label: #1B1F2B; --cxd-label-halo: rgba(255, 255, 255, 0.85);
  --cxd-badge-error: #C0290A; --cxd-badge-warn: #B57700; --cxd-badge-info: #5A6B8C;
  --cxd-st-ok: #E7F2EC; --cxd-st-ok-ink: #145F3C; --cxd-st-sur: #F5EEDB; --cxd-st-sur-ink: #6B4E00;
  --cxd-st-risk: #FBE3D8; --cxd-st-risk-ink: #8A2F0F; --cxd-st-flood: #F3D2CF; --cxd-st-flood-ink: #7A1F17;
  --cxd-ls-pipe: #DBE3F7; --cxd-ls-surcharge: rgba(234, 90, 41, 0.28); --cxd-ls-grid: #E3E3E0; --cxd-panel: rgba(255, 255, 255, 0.95);
}
[data-theme="dark"] {
  --cxd-pipe: #7D9CF5; --cxd-pipe-empty: #5D6283; --cxd-pipe-high: #E3A32B; --cxd-pipe-over: #FF6B4A;
  --cxd-water: #5FA8FF; --cxd-water-fill: rgba(95, 168, 255, 0.36); --cxd-rain: #8EA6E2; --cxd-rain-fill: rgba(142, 166, 226, 0.30);
  --cxd-particle: #8FC1FF;
  --cxd-node: #B7C6EC; --cxd-node-fill: #1A1D2A; --cxd-sel: #FF7A3D; --cxd-calib: #FFD666;
  --cxd-ok: #4CC38A; --cxd-sur: #E3A32B; --cxd-risk: #FF8A4F; --cxd-flood: #FF6B4A;
  --cxd-exceed: #FF8A4F; --cxd-offsite: #FF5A3C;
  --cxd-roof: rgba(125, 156, 245, 0.30); --cxd-yard: rgba(142, 166, 226, 0.30); --cxd-hard: rgba(145, 149, 173, 0.30); --cxd-road: rgba(145, 149, 173, 0.36); --cxd-land: rgba(76, 195, 138, 0.22);
  --cxd-proposed: #FF7A3D; --cxd-store: #7D9CF5; --cxd-store-fill: rgba(125, 156, 245, 0.10);
  --cxd-label: #E4E7F2; --cxd-label-halo: rgba(14, 16, 24, 0.85);
  --cxd-badge-error: #FF6B4A; --cxd-badge-warn: #E3A32B; --cxd-badge-info: #8A93B5;
  --cxd-st-ok: #12302A; --cxd-st-ok-ink: #4CC38A; --cxd-st-sur: #2E2715; --cxd-st-sur-ink: #E3A32B;
  --cxd-st-risk: #33201A; --cxd-st-risk-ink: #FF9A6B; --cxd-st-flood: #33161A; --cxd-st-flood-ink: #FF6B4A;
  --cxd-ls-pipe: #22306A; --cxd-ls-surcharge: rgba(255, 122, 61, 0.30); --cxd-ls-grid: #2A2D3A; --cxd-panel: rgba(22, 24, 34, 0.95);
  --cxd-dark: 1;
}