/* ── Reset & Base ───────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#0d0f12;
  --bg1:#13161b;
  --bg2:#1a1e25;
  --bg3:#222830;
  --bg4:#2a3040;
  --line:#2e3440;
  --line2:#3d4455;
  --text:#c8d0dc;
  --text2:#7a8499;
  --text3:#4a5268;
  --accent:#4af0b0;
  --accent2:#1a6b4a;
  --accent-dim:#0d3326;
  --warn:#f0a84a;
  --warn-dim:#3d2a0d;
  --warn-border:#5a3a0d;
  --danger:#f05a4a;
  --danger-dim:#3d140d;
  --danger-border:#5a1a0d;
  --info:#4ab0f0;
  --info-dim:#0d2a3d;
  --info-border:#0d3a5a;
  --purple:#a084f0;
  --purple-dim:#1e1440;
  --purple-border:#3a2870;
  --green:#7ad07a;
  --green-dim:#1a2a1a;
  --green-border:#2a5a2a;
  --indigo:#8080d0;
  --indigo-dim:#1a1a2a;
  --indigo-border:#2a2a5a;
  --menu-bg:#1e2736;
  --hover-overlay:rgba(255,255,255,.06);
  --hover-overlay-strong:rgba(255,255,255,.08);
  --shadow-color:rgba(0,0,0,.55);
  --radius:4px;
  --radius2:6px;
  --mono:'IBM Plex Mono',monospace;
  --sans:'IBM Plex Sans',sans-serif;
  /* Wellbore schematic fills */
  --sch-bore:#2a3a4a;
  --sch-wall:#4a5a6a;
  --sch-pipe:#8aa0b0;
  --sch-hole:#5a6a7a;
  --sch-casing:#8aaabb;
  --sch-ds:#5a7a5a;
  --sch-fluid:#1a3a5c;
  --sch-cement-bg:#3a3f4a;
  --sch-cement-fg:#5a6070;
}
/* ── Light theme ───────────────────────────────────────────── */
[data-theme="light"]{
  --bg:#f4f5f7;
  --bg1:#eaecf0;
  --bg2:#ffffff;
  --bg3:#e2e5ea;
  --bg4:#d8dce3;
  --line:#d0d4dc;
  --line2:#bcc2cc;
  --text:#1a1e25;
  --text2:#555e6e;
  --text3:#8891a0;
  --accent:#065f46;
  --accent2:#6ee7b7;
  --accent-dim:#d1fae5;
  --warn:#c07800;
  --warn-dim:#fff3e0;
  --warn-border:#e0a84a;
  --danger:#cc3830;
  --danger-dim:#fde8e6;
  --danger-border:#e08880;
  --info:#2080cc;
  --info-dim:#e0f0ff;
  --info-border:#80b8e0;
  --purple:#6a50d0;
  --purple-dim:#ece6ff;
  --purple-border:#b0a0e0;
  --green:#2a8a2a;
  --green-dim:#e6f5e6;
  --green-border:#80c080;
  --indigo:#4a4ab0;
  --indigo-dim:#e6e6f5;
  --indigo-border:#8888cc;
  --menu-bg:#ffffff;
  --hover-overlay:rgba(0,0,0,.04);
  --hover-overlay-strong:rgba(0,0,0,.06);
  --shadow-color:rgba(0,0,0,.15);
  /* Wellbore schematic fills */
  --sch-bore:#d0d8e0;
  --sch-wall:#a0aab8;
  --sch-pipe:#7088a0;
  --sch-hole:#90a0b0;
  --sch-casing:#6888a0;
  --sch-ds:#6a9a6a;
  --sch-fluid:#a0c8e8;
  --sch-cement-bg:#c8cdd6;
  --sch-cement-fg:#a0a8b8;
}
html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;line-height:1.5}
button{font-family:var(--sans);cursor:pointer}
input,select,textarea{font-family:var(--mono);font-size:12px}