/*
 * Gemeinsame UI-Skala fuer Overlay Control und Livetiming. Die Werte sind
 * aus dem vorhandenen Bestand abgeleitet, nicht neu erfunden: style.css
 * enthielt 88 padding-Werte, 43 Feldhoehen, 29 gap-Werte und 28
 * Schriftgroessen. Die Haeufungen lagen bereits bei 4/6/8/10/12px fuer gap
 * und 4/6/8/10/12/14/16px fuer padding. Diese Tokens benennen das Vorhandene
 * und sollen bei ihrer Einfuehrung das Aussehen nicht veraendern.
 *
 * Die Tokens stehen absichtlich nicht in renderer/style.css. Diese Datei wird
 * zwar ins Livetiming gespiegelt, dort aber nur von den Timing-Seiten geladen;
 * Uebersicht, Infoseiten und Adminbereich laden app.css. ui-tokens.css wird
 * deshalb selbst gespiegelt und gilt in beiden Projekten. Aenderungen hier
 * muessen immer auch mit Blick auf die Website erfolgen.
 *
 * --ui-font-3xl und --ui-font-4xl sind fuer oeffentliche Ueberschriften im
 * Livetiming vorgesehen und werden in Overlay Control derzeit nicht benutzt.
 */
:root {
  --ui-space-1: 4px;
  --ui-space-2: 6px;
  --ui-space-3: 8px;
  --ui-space-4: 10px;
  --ui-space-5: 12px;
  --ui-space-6: 16px;
  --ui-space-7: 24px;

  --ui-font-xs: 11px;
  --ui-font-sm: 12px;
  --ui-font-md: 13px;
  --ui-font-lg: 14px;
  --ui-font-xl: 18px;
  --ui-font-2xl: 22px;
  --ui-font-3xl: 31px;
  --ui-font-4xl: 34px;

  --ui-field-compact: 28px;
  --ui-field: 34px;

  --ui-state-ok: #2d7f44;
  --ui-state-negative: #8a2431;
}