/* Cisco Config Studio – farver og temaer (lyst/mørkt/følg system). Bruges af både forsiden og appen.
   Hold værdierne i sync med PALETTES i main.py. */
:root {
  --bg: #262624; --side: #1f1e1d; --panel: #30302e; --canvas: #1b1b1a; --border: #3d3d3a;
  --text: #f5f4ef; --soft: #dcdad3; --muted: #a6a39b; --dim: #6f6d66; --accent: #d97757;
  --hover: #2c2b29; --sel: #3a3935; --ok: #4fbf8a; --warn: #e3b341; --err: #e5534b;
  --ui: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: "Cascadia Mono", "Cascadia Code", Consolas, "SF Mono", Menlo, "DejaVu Sans Mono", "Courier New", monospace;
  --lh: 20px; --split: 52%;
  /* tema-farver der også læses af app.js (tegningen) – hold dem i sync med PALETTES i main.py */
  --grid: #2e2e2b; --link: #8a8780; --trunk: #5ea1ff; --ink: #ffffff; --cloud: #3b3b39;
  --c-ctx: #c9a7ff; --c-cmd: #86b9ff; --c-neg: #ff8a80; --c-ip: #f2b872; --c-iface: #7ee0a8; --c-deny: #ff7b72;
  --c-comment: #85827a; --selection: rgba(255, 255, 255, .17);
  color-scheme: dark;
}
/* Lyst tema: valgt eksplicit, eller systemet er lyst og brugeren har ikke valgt mørkt */
:root[data-theme="light"] {
  --bg: #f7f6f2; --side: #efede6; --panel: #ffffff; --canvas: #fdfcfa; --border: #d9d6cc; --text: #1d1c1a;
  --soft: #3a3935; --muted: #66645d; --dim: #98958c; --accent: #c4623f; --hover: #e9e6dd; --sel: #e2ded3;
  --ok: #23855a; --warn: #a86c0f; --err: #c63a2f;
  --grid: #ebe8e0; --link: #8d8a82; --trunk: #2f6fd6; --ink: #141412; --cloud: #e4e2db;
  --c-ctx: #7a3fd1; --c-cmd: #1f62c4; --c-neg: #c0392b; --c-ip: #9a5b00; --c-iface: #13804f; --c-deny: #b3261e;
  --c-comment: #8b887f; --selection: rgba(31, 98, 196, .22);
  color-scheme: light;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #f7f6f2; --side: #efede6; --panel: #ffffff; --canvas: #fdfcfa; --border: #d9d6cc; --text: #1d1c1a;
    --soft: #3a3935; --muted: #66645d; --dim: #98958c; --accent: #c4623f; --hover: #e9e6dd; --sel: #e2ded3;
    --ok: #23855a; --warn: #a86c0f; --err: #c63a2f;
    --grid: #ebe8e0; --link: #8d8a82; --trunk: #2f6fd6; --ink: #141412; --cloud: #e4e2db;
    --c-ctx: #7a3fd1; --c-cmd: #1f62c4; --c-neg: #c0392b; --c-ip: #9a5b00; --c-iface: #13804f; --c-deny: #b3261e;
    --c-comment: #8b887f; --selection: rgba(31, 98, 196, .22);
    color-scheme: light;
  }
}

/* forsiden: markør-fremhævning, glød og terminal-baggrund */
:root { --marker: rgba(217, 119, 87, .32); --hero-glow: rgba(217, 119, 87, .10); --term: #121211; }
:root[data-theme="light"] { --marker: rgba(255, 196, 61, .55); --hero-glow: rgba(196, 98, 63, .07); --term: #26262a; }
@media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) { --marker: rgba(255, 196, 61, .55); --hero-glow: rgba(196, 98, 63, .07); --term: #26262a; } }