/*
 * Visitenkarte homburgresearch – Gestaltungswerte (Design-Tokens)
 *
 * Die EINZIGE Stelle für Farben, Schriften, Abstände und Ecken. design/app.css liest ausschließlich von hier.
 * Neue Werte nur hier eintragen, nie direkt in Regeln.
 *
 * Eigene Kopie, KEINE Verknüpfung zur App. Stand übernommen aus analyse-plattform/design/colors.css am 29.10.2026.
 * Ändert sich dort ein Wert, hier bewusst nachziehen.
 *
 * Quelle je Wert:  ORIGINAL = aus der bisherigen Plattform nachgewiesen
 *                  VORGABE  = vom Auftraggeber festgelegt
 *                  APP      = gleicher Wert wie in der App (dort OFFEN)
 *                  EIGEN    = nur Visitenkarte
 */
:root {
  /* Farben */
  --bg: #0e0e0e;          /* ORIGINAL  Seitenhintergrund */
  --panel: #191919;       /* ORIGINAL  Kästen */
  --line: #262c35;        /* APP       Rahmen */
  --text: #d6dbe1;        /* APP       Haupttext */
  --text-hell: #f5f5f5;   /* EIGEN     große Überschriften */
  --muted: #7d8794;       /* APP       Fließtext, Fußzeile */
  --accent: #4c8dff;      /* VORGABE   Blau: Logo, Knopf, kleine Zeilen, Links */
  --accent-hauch: rgba(76, 141, 255, .1);    /* EIGEN Knopf unter der Maus */
  --accent-flaeche: rgba(76, 141, 255, .12); /* EIGEN Feld hinter den Kachel-Symbolen */

  /* Schriften */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, sans-serif;  /* Text, Überschriften */
  --font-mono: SFMono-Regular, Menlo, Consolas, monospace;   /* ORIGINAL-Familie: kleine Zeilen, Fußzeile */
  --font-marke: "Helvetica Neue", Helvetica, Arial, sans-serif;  /* EIGEN Logo „homburgresearch“ */

  /* Buchstabenabstände */
  --sperrung: 2px;        /* EIGEN alle kleinen Großbuchstaben-Zeilen */
  --eng: -0.025em;        /* EIGEN große Überschriften, wächst mit der Schriftgröße */

  /* Ecken – wie App */
  --ecke-kasten: 8px;     /* APP wie .card */
  --ecke-knopf: 6px;      /* APP wie Knöpfe */

  /* Abstände */
  --rand: clamp(20px, 5vw, 64px);   /* EIGEN Seitenrand links/rechts, 20 px Handy bis 64 px Desktop */
  --luecke: 18px;                   /* EIGEN Abstand zwischen Kästen */
}