/*
 * Projekt-Tokens: Farben, die das Design-System nicht als Token liefert (Transparenzen über
 * Papier und Video, StreamPanel, Diagramm, Druckansicht)
 * Pfad: /var/www/moonflow-event-system/public/assets/css/tokens/project.css
 *
 * Die übrigen Dateien in tokens/ und styles.css sind 1:1 aus dem Design-System übernommen und
 * werden nicht verändert. Diese Datei gehört dem Projekt; die Layouts laden sie direkt nach den
 * Design-System-Tokens (templates/layout/*.php), styles.css bleibt unberührt.
 *
 * Außerhalb von tokens/ stehen keine rgba()/Hex-Werte (CssColorTokensTest), damit
 * Farben nur an einer Stelle gepflegt werden.
 * Neue Farben hier anlegen und in den Stylesheets nur über var(--…) verwenden.
 */
:root {
  /* --- Oberflächen und Navigation (components.css) ---------------------------------- */
  --surface-header: rgba(251, 248, 244, .92);  /* Kopfzeile: 92 % Papier */
  --surface-bottom-nav: rgba(255, 255, 255, .96);
  --scrim-capsule: rgba(22, 11, 25, .7);       /* Kapseln über Video */
  --coupon-border: #d9b6e2;
  --night-hover: rgba(255, 255, 255, .14);
  --night-soft: rgba(255, 255, 255, .06);
  --inverse-outline: rgba(255, 255, 255, .6);
  --inverse-hover: rgba(255, 255, 255, .12);

  /* --- StreamPanel (stream-panel.css) ----------------------------------------------- */
  --sp-black: #000;
  --sp-ctl-hover: rgba(255, 255, 255, .14);
  --sp-ctl-on: rgba(255, 255, 255, .22);
  --sp-scrim: rgba(22, 11, 25, .35);
  --sp-epg-bg: rgba(22, 11, 25, .94);
  --sp-fschat-bg: rgba(22, 11, 25, .82);
  --sp-topbar-bg: linear-gradient(to bottom, rgba(22, 11, 25, .8), rgba(22, 11, 25, 0));
  --sp-accent: #e3bdf0;                        /* Häkchen, aktive EPG-Zeile (Design) */
  --sp-seek-track: rgba(255, 255, 255, .22);
  --sp-seek-buffer: rgba(255, 255, 255, .42);
  --sp-hint: rgba(255, 255, 255, .7);
  --sp-soft: rgba(255, 255, 255, .08);

  /* --- Auswertung (analytics.css) --------------------------------------------------- */
  --chart-hit-hover: rgba(122, 27, 139, .08);  /* Lila 8 % unter dem Mauszeiger */

  /* --- Druckansicht des Veranstalterberichts (report.css, @media print) -------------- */
  --print-ink: #000;
  --print-paper: #fff;
  --print-rule: #ccc;                          /* Rahmen der Kennzahlen */
  --print-rule-soft: #ddd;                     /* Tabellenlinien */
}
