/* Talstrom Designsystem v1 · Schicht 0: Entscheidungen als Tokens. */
:root {
  color-scheme: light;

  /* Blatt und Messfeld. Weiß ist die Publikationsfläche; Dunkel bleibt
     ausschließlich der Zeichenraum für Messwerte. */
  --ts-paper: #ffffff;
  --ts-paper-soft: #f3f4f2;
  --ts-ink: #101214;
  --ts-text: #30363a;
  --ts-muted: #555d62;
  --ts-faint: #687176;
  --ts-line: #d7dcda;
  --ts-line-strong: #101214;
  --ts-field: #111416;
  --ts-field-soft: #1b2023;
  --ts-field-line: #353c40;
  --ts-field-text: #f7f8f7;
  --ts-field-muted: #b7c0c4;

  /* Signalrollen. Gelb steht auf Papier nur als Fläche mit dunkler Schrift.
     Cyan ist zweite Messreihe; Rot/Grün sind ausschließlich Zustände. */
  --ts-signal: #fff200;
  --ts-signal-dim: #8f8800;
  --ts-signal-glow: rgba(255, 242, 0, 0.46);
  --ts-lead: #00a9df;
  --ts-lead-ink: #006b91;
  --ts-alarm: #b72d2d;
  --ts-ok: #187044;
  --ts-alarm-field: #ff6b63;
  --ts-ok-field: #48d887;

  /* Finale Rollenentscheidung: eine technische Superfamilie, keine
     Zeitungsserife und kein ganzseitiges Mono. */
  --ts-face-display: "Fira Sans Condensed", "Arial Narrow", sans-serif;
  --ts-face-text: "Fira Sans", Arial, sans-serif;
  --ts-face-data: "Fira Mono", Consolas, monospace;

  /* 14px ist eine harte Untergrenze, kein Zielwert. */
  --ts-font-min: 14px;
  --ts-font-small: 16px;
  --ts-font-body: 18px;
  --ts-font-lead: clamp(21px, 2.2vw, 25px);
  --ts-font-h3: clamp(26px, 3vw, 32px);
  --ts-font-h2: clamp(32px, 4.4vw, 46px);
  --ts-font-h1: clamp(42px, 7vw, 72px);
  --ts-font-metric: clamp(48px, 9vw, 96px);
  --ts-leading-body: 1.58;
  --ts-leading-compact: 1.12;
  --ts-measure: 68ch;
  --ts-track-label: 0.065em;
  --ts-track-data: 0;

  --ts-space-1: 4px;
  --ts-space-2: 8px;
  --ts-space-3: 12px;
  --ts-space-4: 18px;
  --ts-space-5: 26px;
  --ts-space-6: 38px;
  --ts-space-7: 54px;
  --ts-space-8: 76px;
  --ts-space-9: 108px;

  --ts-line-hair: 1px;
  --ts-line-heavy: 2px;
  --ts-line-signal: 6px;
  --ts-page-width: 1180px;
  --ts-beat: 140ms;
}

@media (max-width: 48rem) {
  :root {
    --ts-font-body: 17px;
    --ts-font-h1: clamp(36px, 12vw, 52px);
    --ts-font-h2: clamp(29px, 8vw, 38px);
    --ts-font-metric: clamp(44px, 18vw, 72px);
    --ts-space-8: 54px;
    --ts-space-9: 76px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root { --ts-beat: 0ms; }
}