/* ============================================================
   MIF Signal Radar v0.1 — Design-Tokens
   ------------------------------------------------------------
   ZWEI EBENEN:

   1. MARKENEBENE (anpassbar pro Kunde / Arbeitsraum)
      Nur: Akzentfarbe (Marker), optionale Display-Schrift,
      Wortmarke (im HTML: .wordmark / brand-Konfiguration in
      js/data.js). Nichts anderes.

   2. STRUKTUREBENE (unveränderlich)
      Layout, Raster, Abstände, Grauwerte, Lesetypografie,
      Komponenten- und Zustandslogik. Diese Tokens sind
      markenübergreifend identisch und dürfen nicht pro
      Kunde überschrieben werden.

   Kein White-Label-System: keine Themes, keine Presets.
   Die Trennung stellt nur sicher, dass keine Markenfarbe
   hart in Komponenten codiert ist.
   ============================================================ */

:root {

  /* ──────────────────────────────────────────────
     1. MARKENEBENE — Standard: SMITH Berlin (MKS)
     ────────────────────────────────────────────── */

  /* Der Marker: einzige Farbe der Anwendung.
     Nur als Hintergrund-Markierung (Fokus, Beleg,
     bewusste Hervorhebung). Nie als Textfarbe,
     nie als Flächenfüllung, nie als Statusampel. */
  --brand-accent:        #FFFAA0;
  --brand-accent-ink:    #141414;  /* Text auf Markerfläche */
  --brand-warn-ink:      #8A6D1F;  /* Warnton auf Markerfläche */

  /* Optionale Display-Schrift der Marke.
     Einsatz ausschließlich: Wortmarke + Einstiegstitel.
     SMITH: keine eigene Display-Schrift → Interface-Schrift. */
  --font-display:        var(--font-ui);


  /* ──────────────────────────────────────────────
     2. STRUKTUREBENE — unveränderlich
     ────────────────────────────────────────────── */

  /* Schrift: zwei Stimmen.
     Grotesk  = System und Nutzer (Interface, Strategie, Entwurf)
     Serife   = Quellenmaterial (Kurzfassung, Artikel, Zitate) */
  --font-ui:     "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-read:   "Charter", "Iowan Old Style", "Georgia",
                 "Times New Roman", serif;
  --font-tech:   "SF Mono", "Consolas", "Liberation Mono", monospace;

  /* Papier und Tinte */
  --paper:       #FEFEFD;
  --ink:         #141414;
  --ink-soft:    #3A3A38;
  --gray-500:    #6E6E6A;
  --gray-400:    #8F8F8A;
  --gray-300:    #B9B9B4;
  --hairline:    #E4E4DF;
  --hairline-soft: #EEEEEA;
  --wash:        #F7F7F4;   /* sehr leiser Flächenton, sparsam */

  /* Alarm: ausschließlich echte Systemfehler */
  --alert:       #B3261E;

  /* Funktionale Systemfarbe: ausschließlich für „ungelesen“.
     Keine Markenfarbe, kein CTA, keine sonstige Verwendung. */
  --sys-unread:  #2B6CB0;

  /* Auswahlfläche: sehr helle Tönung des Markers.
     Ruhige Auswahlfläche, ausdrücklich keine gelbe Notiz. */
  --accent-tint: color-mix(in srgb, var(--brand-accent) 11%, var(--paper));

  /* Typo-Skala */
  --t-display:   clamp(28px, 3.4vw, 40px);
  --t-module:    21px;   /* Ebene 1: Modul + Arbeitsgegenstand */
  --t-doc:       26px;   /* Reader-Dokumenttitel (Serife) */
  --t-item:      15px;   /* Feed-Titel, Werkbank-Optionen */
  --t-body:      15px;   /* Interface-Grundtext */
  --t-read:      17px;   /* Lesetext (Serife) */
  --t-meta:      12.5px; /* Ebene 4: Metadaten, Stand */
  --t-label:     11px;   /* Ebene 3: Versal-Zwischenüberschrift */
  --t-tech:      11.5px; /* technische Detailangaben */

  --lh-ui:       1.5;
  --lh-read:     1.62;

  --ls-label:    0.08em;

  /* Raster und Abstände (Basis 4 px) */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-5:  20px;
  --s-6:  24px;
  --s-7:  32px;
  --s-8:  40px;
  --s-9:  56px;

  /* Zonenbreiten */
  --w-nav:       200px;
  --w-feed:      320px;
  --w-bench:     400px;
  --w-read-max:  680px;   /* max. Lesespaltenbreite */

  /* Kanten: keine Radien, keine dekorativen Schatten */
  --radius: 0;
  --edge:            1px solid var(--hairline);
  --edge-strong:     1px solid var(--ink);
  --overlay-shadow:  0 2px 16px rgba(20, 20, 20, 0.08);

  /* Bewegung: nur Bestätigung, nie Inszenierung */
  --ease:  150ms ease-out;
}