/*
 * Alarmfutter CI-Tokens
 * Verbindliche Quelle für Marke, Typografie, Flächen und Grundgeometrie.
 * Seiten-CSS verwendet ausschließlich diese Werte oder daraus abgeleitete Werte.
 */
:root {
  color-scheme: dark;

  --af-color-night: #101722;
  --af-color-night-soft: #192332;
  --af-color-ivory: #f4ead6;
  --af-color-paper: #fff9ec;
  --af-color-ink: #152030;
  --af-color-signal-yellow: #ffd400;
  --af-color-signal-red: #f3453f;
  --af-color-signal-blue: #1685db;
  --af-color-line: rgba(244, 234, 214, .22);

  --af-font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --af-weight-regular: 400;
  --af-weight-strong: 800;
  --af-weight-display: 950;

  --af-radius-sm: .55rem;
  --af-radius-md: .8rem;
  --af-radius-lg: 1.2rem;
  --af-radius-pill: 999px;

  --af-space-1: .4rem;
  --af-space-2: .8rem;
  --af-space-3: 1.2rem;
  --af-space-4: 2rem;
  --af-space-5: 4rem;

  --af-shadow-action: .22rem .22rem 0 var(--af-color-night);
  --af-shadow-panel: 0 1rem 4rem rgba(0, 0, 0, .5);

  /* Kurze Kompatibilitätsnamen für das bestehende Layout. */
  --night: var(--af-color-night);
  --night-soft: var(--af-color-night-soft);
  --ivory: var(--af-color-ivory);
  --paper: var(--af-color-paper);
  --ink: var(--af-color-ink);
  --signal-yellow: var(--af-color-signal-yellow);
  --signal-red: var(--af-color-signal-red);
  --signal-blue: var(--af-color-signal-blue);
  --line: var(--af-color-line);

  font-family: var(--af-font-ui);
}