/*
 * Design-Tokens auf Basis der analysierten Aqua-Technik-Marke (aquatechnik.com).
 *
 * Schrift: "Open Sans" ist im Projekt aktuell NICHT als lokale, rechtlich
 * gepruefte Webfont-Datei vorhanden. Es wird bewusst KEINE Google-Fonts-/
 * Third-Party-CDN-Einbindung verwendet. Bis eine lokale Open-Sans-Datei
 * bereitgestellt wird, kommt ein systemnaher Sans-Serif-Stack zum Einsatz.
 * TODO (spaeter zu entscheiden): finale Schrift-Einbindung (self-hosted
 * Open Sans .woff2 unter /assets/fonts/, @font-face hier ergaenzen).
 */

:root {
  /* Farben */
  --color-primary: #0b66ac;
  --color-primary-dark: #094f85;
  --color-text: #383838;
  --color-bg: #ffffff;
  --color-bg-muted: #f5f5f5;
  --color-bg-blue-tint: #eaf2fa;
  --color-bg-blue-tint-open: #dceaf6;
  --color-white: #ffffff;

  /* Footer - verifiziert identisch zur tatsaechlichen aquatechnik.com-Footerfarbe */
  --color-footer-bg: #0b66ac;
  --color-footer-text: #f8f9fa;
  --color-footer-link: #d9e3ee;
  --color-footer-border: rgba(255, 255, 255, 0.18);

  /* Typografie */
  --font-sans: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --line-height-base: 1.5;
  --line-height-tight: 1.2;

  /* Abstands-Skala (kompakt, mobile-first) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  /* Layout */
  --container-max: 1280px;
  --container-padding: var(--space-4);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  /* Header-Hoehe - gekoppelt an .site-header (sticky), genutzt fuer scroll-margin-top.
     Werte per getBoundingClientRect() gemessen (74,6px/77,0px) plus kleiner Sicherheitspuffer. */
  --header-height: 76px;

  /* Breakpoints (informativ - Media Queries benoetigen literale Werte) */
  /* sm: 600px, md: 900px, lg: 1000px */
}

@media (min-width: 600px) {
  :root {
    --header-height: 78px;
  }
}