/* ==========================================================================
   Design-Variablen
   ========================================================================== */
:root {
  --c-primary: #007bff;
  --c-border: #ccc;
  --c-bg-panel: #fafafa;
  --c-shadow: rgba(0, 0, 0, 0.25);
  --radius: 3px;
  --gap: 6px;
  --accent: #1f6fff;
  --accent-600: #1756eb;
  --accent-700: #1245bc;
  --panel-bg: #fff;
  --muted: #eef3ff;
  --danger: #e11d48;
  --danger-600: #be123c;
  --text: #0f172a;
  --ring: 0 0 0 3px rgba(31, 111, 255, .18);
  --tip-bg: rgba(18, 23, 28, .96);
  --tip-fg: #fff;
  --tip-shadow: 0 6px 18px rgba(0, 0, 0, .25);
  --tip-radius: 6px;
  --tip-offset: 10px;
  /* Abstand zur Quelle */
  --tip-pad-y: 6px;
  --tip-pad-x: 8px;
  --tip-maxw: 280px;

  /* max. Breite -> Zeilenumbruch möglich */
}