/**
 * 100.000 Mütter vor Ort – Design Tokens
 * Quelle: docs/design/design-tokens.css (Version 1.5.0)
 * Einsatz: Astra Child Theme „muetterbewegen-child"
 * Grundsatz: Sicherheit, Datenschutz und Barrierefreiheit vor optischen Effekten.
 */

:root {
  /* Primär */
  --hma-color-primary: #E30613;       /* Bewegungsrot – CTA, Marker, Akzent */
  --hma-color-secondary: #42172F;     /* Tiefes Pflaumenrot – Headlines, Footer */
  --hma-color-background: #FFF4E8;    /* Warmes Papier – Seitenhintergrund */

  /* Sekundär */
  --hma-color-coral: #FF6B5F;         /* Solidarität / Hover */
  --hma-color-care-green: #5F8F67;    /* Vertrauen, geprüft */
  --hma-color-map-blue: #2C6F8F;      /* Kartenfilter, Ortsbezug */
  --hma-color-highlight: #F7C948;     /* sparsame Highlights */

  /* Neutral */
  --hma-color-text: #222222;
  --hma-color-muted: #555555;
  --hma-color-border: #DDD3C7;
  --hma-color-white: #FFFFFF;

  /* Funktional / Status */
  --hma-color-focus: #005FCC;
  --hma-color-error: #B00020;
  --hma-color-success: #236B3A;

  /* Typografie – Corporate-Design-Paket „Mütter bewegen" Konzept 1
   * Headlines: Fraunces (Serif) – verleiht Wärme und Stimme.
   * Fließtext/UI: Source Sans 3 – ruhig, gut lesbar, BITV-tauglich. */
  --hma-font-heading: "Fraunces", Georgia, "Times New Roman", serif;
  --hma-font-body: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

  /* Radien */
  --hma-radius-sm: 12px;
  --hma-radius-md: 18px;
  --hma-radius-lg: 24px;
  --hma-radius-pill: 999px;

  /* Schatten */
  --hma-shadow-card: 0 14px 36px rgba(66, 23, 47, 0.10);
  --hma-shadow-soft: 0 8px 22px rgba(66, 23, 47, 0.08);

  /* Abstände */
  --hma-space-xs: 0.5rem;
  --hma-space-sm: 0.75rem;
  --hma-space-md: 1rem;
  --hma-space-lg: 1.5rem;
  --hma-space-xl: 2rem;
  --hma-space-2xl: 3rem;

  /* Layout */
  --hma-container-max: 1200px;
  --hma-touch-min: 48px;
}