/* Globale Design-Tokens: Farben, Inhaltsbreite, Bewegung und Typografie. */
:root {
  /* Markenfarben auf Basis der gelieferten Logo-Originale. */
  --color-accent: #0075a4;

  /* Neutrale Platzhalterfarben: werden später abgestimmt. */
  --color-background: #ffffff;
  --color-surface: #f5f5f3;
  --color-text: #1a1a1a;
  --color-text-muted: #666666;

  /* Gemeinsame Maximalbreite für Leistungen, Kontakt und Rechtstextkopf. */
  --layout-content-max: 1200px;

  /* Interaktive Flächen außerhalb des Hauptmenüs bleiben bewusst kantig. */
  --radius-navigation: 0;

  /* Nur das schwebende Hauptmenü verwendet die vollständig runde Glass-Kapsel. */
  --radius-main-navigation: 999px;

  /* Gemeinsame Mindesthöhe für zuverlässig bedienbare interaktive Elemente. */
  --control-min-size: 44px;

  /* Einheitliche Zeitwerte verhindern voneinander abweichende Übergänge. */
  --motion-fast: 180ms;
  --motion-standard: 520ms;
  --motion-easing: cubic-bezier(0.22, 1, 0.36, 1);

  /* Roboto wird lokal aus assets/fonts/ eingebunden. */
  --font-family-body: "Roboto", Arial, Helvetica, sans-serif;
}