/* Design-Tokens der Anwendung. */

:root {
  /* Basisfarben */
  --color-primary: #2e7d32;
  --color-primary-dark: #1b5e20;
  --color-text: #1a1a1a;
  --color-text-muted: #5f6368;
  --color-background: #f5f6f8;
  --color-surface: #ffffff;
  --color-border: #e0e0e0;
  --color-danger: #c62828;

  /* Kategorie-Farben (siehe js/config/categories.js) */
  --category-naturpark: #2e7d32;
  --category-wald-wanderweg: #1b5e20;
  --category-see-badestelle: #0288d1;
  --category-erlebnispark: #f57c00;
  --category-freizeitpark: #e64a19;
  --category-tierpark-zoo: #ff8f00;
  --category-spielplatz: #d81b60;
  --category-museum-kinder: #7b1fa2;
  --category-indoor-spielplatz: #5e35b1;
  --category-bauernhof: #6d4c41;
  --category-kletterpark: #00897b;
  --category-aussichtspunkt: #455a64;
  --category-cafe-restaurant: #c62828;
  --category-sonstige-aktivitaet: #00acc1;
  --category-sonstige: #616161;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  /* Radius/Shadow */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.08);
  /* Weicher, weiter Schatten fuer die Kacheln der oeffentlichen Seiten. Der
     flache --shadow-card wirkt in einem grossen Raster nicht mehr. */
  --shadow-lift: 0 4px 20px rgba(0, 0, 0, 0.08);

  /* Zusatzfarben der oeffentlichen Seiten (2026-08-01).
     Keine neuen Hausfarben, sondern Abstufungen des vorhandenen Gruens: der
     dunkle Ton fuer Verlauf und Fusszeile, die helle Flaeche fuer den Wechsel
     zwischen den Abschnitten. */
  --color-primary-deep: #10330f;
  --color-surface-alt: #f4f6f8;

  /* Layout */
  --breakpoint-desktop: 1024px;
}