/* ─── DESIGN TOKENS ──────────────────────────────────────────────
   Einzige Quelle für Farben, Fonts, Radien und Maße.
   Werte hier ändern – nie in den Komponenten-Dateien hardcoden.

   Gestaltungsprinzip: gedeckte Töne, ein einziger Akzent, keine
   Farbverläufe, keine farbigen Schatten. Alles Dekorative wurde
   bewusst entfernt.
   ──────────────────────────────────────────────────────────────── */
:root {
  /* Flächen */
  --c-bg:           #101317;
  --c-surface:      #161a1f;
  --c-surface2:     #1b2027;
  --c-border:       #262c34;
  --c-border-hi:    #363e49;

  /* Text */
  --c-heading:      #f0f2f4;
  --c-text:         #d5dae0;
  --c-muted:        #98a1ab;
  /* Hell genug für WCAG AA (4.5:1) auf --c-surface2, dem hellsten
     Hintergrund, auf dem das Token vorkommt. Nicht abdunkeln. */
  --c-faint:        #828c98;

  /* Akzent – sparsam einsetzen: Links, Zahlen, Fokus */
  --c-accent:       #6f9dc9;
  --c-accent-hi:    #8ab4dc;
  --c-accent-soft:  rgba(111,157,201,.10);
  --c-accent-line:  rgba(111,157,201,.28);

  /* Signalfarben */
  --c-warn:         #c9a15f;
  --c-warn-soft:    rgba(201,161,95,.07);
  --c-warn-line:    rgba(201,161,95,.25);
  --c-ok:           #79a98c;
  --c-ok-soft:      rgba(121,169,140,.07);
  --c-ok-line:      rgba(121,169,140,.22);

  /* Typografie – Systemschriften: keine externen Requests,
     kein Datentransfer an Dritte, sofortige Darstellung */
  --f-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
            "Helvetica Neue", Arial, sans-serif;
  --f-mono: ui-monospace, SFMono-Regular, "Cascadia Mono", Consolas,
            "Liberation Mono", monospace;

  /* Radien – klein gehalten, wirkt technischer */
  --r-sm: 3px;
  --r-md: 5px;

  /* Layout */
  --max-w:    780px;
  --header-h: 56px;

  /* Breakpoint zur Dokumentation – Media Queries können keine
     Variablen nutzen. Wert: 640px (siehe components.css) */
}