/*
 * Gestaltung im App-Stil (TEIL 72, TASK-0097, ADR-041; docs/architecture/28-app.md Abschnitt 4).
 *
 * Lädt auf Start-, Test-, Danke-, Geräte- und QR-Seite und in der Verwaltung direkt nach base.css und überschreibt nur
 * Gestaltungswerte und wenige Regeln; der Aufbau der Seiten bleibt gleich, admin.css und test.css unverändert.
 * - Ruhigere Flächen, kräftigeres Blau: Text auf allen Flächen mindestens 4,5 : 1 (WCAG AA; vorher Blau auf hellblauem
 *   Grund 4,2 : 1). tests/ThemeContrastTest.php rechnet die Paare nach.
 * - Karten flach mit feiner Linie und 16 px Radius, Schaltflächen rund und mindestens 48 px hoch (außer .btn-sm in
 *   dichten Tabellen der Verwaltung).
 * - Schmalerer Kopf der Teilnehmerseiten am Tablet: mehr Platz für die Aufgaben.
 */

:root {
  --color-primary: #1a5fd0;
  --color-primary-dark: #154ca8;
  --color-primary-soft: #edf3ff;
  --color-bg: #f5f7fb;
  --color-text: #1b2230;
  --color-muted: #545e72;
  --color-border: #dfe4ec;
  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 1px 3px rgba(20, 30, 60, 0.06);
}

.card {
  border: 1px solid var(--color-border);
  box-shadow: none;
}

.btn {
  border-radius: 999px;
}

.btn-quiet {
  min-height: var(--touch);
}

.site-header {
  padding: 6px 16px;
  box-shadow: none;
}

.brand-logo {
  max-height: 40px;
}