/* Mio — Design-Tokens. Einziger Ort fuer Hex-Werte (tools/check-forbidden-patterns.sh).
   Farbwelt „Volta": Karbon · Elektro-Mint · Signal-Cyan; hell = Material statt Neon. */

/* ---------- LIGHT ---------- */
:root {
  --bg: #f3f6f3;
  --bg-2: #ffffff;
  --surface: #ffffff;
  --surface-2: #f7faf8;
  --text: #0c1418;
  --text-2: #39484e;
  --muted: #5c6e76;
  --faint: #8a9aa0;
  --line: #e3e8e4;
  --line-2: #d3dbd6;
  --mint: #0b8f6b;
  --cyan: #1e88b8;
  --accent: #0b8f6b;
  --on-accent: #ffffff;
  --knob: #0e171d;
  --knob-on: #ffffff;
  --shadow: 0 1px 2px rgba(12, 20, 24, 0.05), 0 14px 40px rgba(12, 20, 24, 0.07);
  --grain: 0.03;

  /* Band „Mio bringt Licht ins Dunkel" ist in beiden Modi dunkel */
  --night-bg: #0b1116;
  --night-text: #eaf1f4;
  --night-line: #1e2c35;
  --night-accent: #14e0a8;

  --disp: "Bricolage Grotesque", -apple-system, BlinkMacSystemFont, sans-serif;
  --sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --maxw: 1120px;
  --gut: clamp(20px, 5vw, 64px);
}

/* ---------- DARK ---------- */
:root[data-theme="dark"] {
  --bg: #0b1116;
  --bg-2: #0e171d;
  --surface: #111c23;
  --surface-2: #0e171d;
  --text: #eaf1f4;
  --text-2: #c4d2d9;
  --muted: #7e96a4;
  --faint: #5e7381;
  --line: #1e2c35;
  --line-2: #283a45;
  --mint: #14e0a8;
  --cyan: #57cbf2;
  --accent: #14e0a8;
  --on-accent: #04150f;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 18px 50px rgba(0, 0, 0, 0.4);
  --grain: 0.05;
}