:root {
  --bg: #f3f5f8; --surface: #ffffff; --surface2: #e9edf3; --fg: #1b2330; --muted: #5d6879;
  --line: #d5dbe4; --accent: #1f5fbf; --accent-fg: #ffffff; --accent-soft: #dce8fa;
  --node: #2f5fbf; --edge: #a9b3c1; --path: #e0731d; --tree: #f2b98a; --bgp: #0f8f7e;
  --a0: #2f5fbf; --a1: #1baf7a; --a2: #eda100; --a3: #e87ba4; --a4: #008300; --path-ecmp: #a8460c; --spof: #e0322f; --l1: #c98500; --l2: #8a3fc0; --l12: #364152; --lsp: #be185d; --lsp-down: #dc2626;
  --cat-adj: #2a78d6; --cat-metric: #eb6834; --cat-net: #1baf7a;
  --new-router: #c8ff00; --new-link: #008000; --ok: #1d8a52; --warn: #a86a12; --bad: #c0392b;
  --shadow: 0 1px 3px rgba(27, 35, 48, .12), 0 4px 12px rgba(27, 35, 48, .08);
  --font-ui: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
}