:root {
  color-scheme: light;
  --ls-bg: #FFFFFF;
  --ls-flaeche: #F2F2F2;
  --ls-flaeche-tief: #E4E4E4;
  --ls-linie: #D6D6D6;
  --ls-rahmen: #717C84;
  --ls-ink: #14171A;
  --ls-ink-muted: #565E66;
  --ls-ink-faint: #7C828A;
  --ls-auf-dunkel: #C8DDE5;
  --ls-auf-dunkel-leise: #8CC0CF;
  --ls-petrol: #0A4A5A;
  --ls-petrol-tief: #073744;
  --ls-petrol-hell: #4FA8C4;
  --ls-amtlich: #19647E;
  --ls-ocker: #B8651A;
  --ls-ocker-hell: #E9954A;
  --ls-ocker-tint: #F6E9DC;
  --ls-oxid: #B34A22;
  --ls-ok: #2E7D5B;
  --ls-warn: #8A6A00;
  --ls-warn-flaeche: #FBF0D2;
  --ls-fehler: #98283C;

  /* Datenrollen – dieselben Farben wie im Zeichen */
  --ls-referenz: var(--ls-amtlich);        /* amtlich, durchgezogen */
  --ls-modelliert: var(--ls-ocker);        /* vom Modell, gestrichelt */
  --ls-unsicherheit: var(--ls-ocker-tint); /* Band um die modellierte Serie */
  --ls-persona: var(--ls-oxid);            /* Stimme einer Modellantwort */

  /* Schrift */
  --ls-font-text: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --ls-font-daten: 'IBM Plex Mono', 'SFMono-Regular', Menlo, Consolas, monospace;
  --ls-font-zitat: 'Source Serif 4', Georgia, 'Times New Roman', serif;

  /* Maße */
  --ls-radius-chip: 6px;
  --ls-radius-control: 8px;
  --ls-radius-card: 12px;
  --ls-radius-panel: 16px;
  --ls-container: 1120px;
  --ls-schatten-popover: 0 8px 24px rgba(10, 74, 90, 0.10);
}