:root {
  --bg: #f6f2ea;
  --panel: #fffaf2;
  --panel-soft: rgba(255, 250, 242, 0.9);
  --ink: #202124;
  --muted: #6d675e;
  --line: #ded4c4;
  --accent: #bd4b3a;
  --accent-dark: #8f3328;
  --green: #25775a;
  --danger: #a63838;
  --shadow: 0 18px 60px rgba(53, 42, 30, 0.12);

  --graph-bg: #f6f2ea;
  --graph-fog: #f6f2ea;
  --graph-line: #8c7b67;
  --graph-node: #bd4b3a;
  --graph-current: #25775a;
  --graph-missing: #c9c0b0;
  --graph-label: #202124;

  --control-height: 40px;
}

:root[data-theme="white"] {
  --bg: #ffffff;
  --panel: #ffffff;
  --panel-soft: rgba(255, 255, 255, 0.92);
  --ink: #17181a;
  --muted: #667085;
  --line: #e4e7ec;
  --accent: #2563eb;
  --accent-dark: #1d4ed8;
  --green: #078264;
  --danger: #b42318;
  --shadow: 0 18px 60px rgba(16, 24, 40, 0.1);

  --graph-bg: #ffffff;
  --graph-fog: #ffffff;
  --graph-line: #98a2b3;
  --graph-node: #2563eb;
  --graph-current: #078264;
  --graph-missing: #cbd5e1;
  --graph-label: #111827;
}

:root[data-theme="dark"] {
  --bg: #111318;
  --panel: #181b22;
  --panel-soft: rgba(24, 27, 34, 0.94);
  --ink: #f4f7fb;
  --muted: #aab2c0;
  --line: #303642;
  --accent: #e36f5c;
  --accent-dark: #ff9b8c;
  --green: #5ed0a5;
  --danger: #ff7a7a;
  --shadow: 0 22px 70px rgba(0, 0, 0, 0.42);

  --graph-bg: #10131a;
  --graph-fog: #10131a;
  --graph-line: #657084;
  --graph-node: #e36f5c;
  --graph-current: #5ed0a5;
  --graph-missing: #596173;
  --graph-label: #f4f7fb;
}