/* Forest Theme: Farben, Layout, Variablen */
:root {
  --bg: #eaf6ee;
  --surface: rgba(255, 255, 255, 0.92);
  --surface-emphasis: rgba(255, 255, 255, 0.95);
  --surface-accent: rgba(47, 122, 90, 0.08);
  --text: #1f3d2f;
  --text-muted: #4b6b62;
  --border: color-mix(in srgb, var(--primary) 12%, rgba(0,0,0,0.18) 88%);
  --primary: color-mix(in srgb, black 10%, #2f7a5a 90%);
  --primary-darker: color-mix(in srgb, black 30%, var(--primary) 70%);
  --primary-strong: #245e46;
  --link: var(--primary);
  --link-strong: var(--primary-strong);
  --link-visited: var(--primary-strong);
  --success: #2d8f58;
  --warn: #d4a93a;
  --error: #c14a4a;
  --radius: 12px;
  --body-font: 'Inter', sans-serif;
  --body-bg-image: url('/forrest.avif') center/cover no-repeat fixed;
  --app-bg: rgba(255,255,255,0.60);
  --topbar-bg: rgba(255,255,255,0.90);
  --card-bg: rgba(255, 255, 255, 0.84);
  --btn-bg: rgba(255, 255, 255, 0.84);
  --btn-hover-bg: rgba(47, 122, 90, 0.22);
  --status-overlay: rgba(20, 40, 28, 0.4);
  --status-card-bg: rgba(23, 42, 31, 0.95);
  --status-card-text: #e2f4e8;
  --color-scheme: light;
  /* Surface abstractions for unified UI surfaces */
  --surface-bg: var(--card-bg);
  --surface-bg-strong: var(--surface-emphasis);
  --surface-blur: 8px;
  --surface-border: 1px solid rgba(0,0,0,0.06);
  --surface-radius: var(--radius);
  --surface-shadow: 0 8px 20px rgba(0,0,0,0.06);
  --surface-contrast-text: var(--text);
}
body {
  background: var(--body-bg-image) !important;
  color: var(--text);
  font-family: var(--body-font);
  margin: 0;
}
/* Tag / Badge colors (theme-specific) */
:root {
  --tag-bg: var(--surface-accent);
  --tag-text: var(--text);
  --tag-border: rgba(0,0,0,0.04);

  --tag-offer-bg: var(--tag-bg);
  --tag-offer-text: var(--tag-text);

  --badge-open: #2e7d32;
  --badge-closed: #c62828;
  --badge-pause: #f5c211;

  --badge-cat-shop: #e65100; --badge-cat-shop-text: #fff;
  --badge-cat-werkstatt: #6d4c41; --badge-cat-werkstatt-text: #fff;
  --badge-cat-unterkunft: #8eacbb; --badge-cat-unterkunft-text: #111;
  --badge-cat-gastronomie: #ff7043; --badge-cat-gastronomie-text: #fff;
  --badge-cat-events: #7e57c2; --badge-cat-events-text: #fff;
  --badge-cat-schule: #4db6ac; --badge-cat-schule-text: #111;
  --badge-cat-sonstiges: #888; --badge-cat-sonstiges-text: #fff;
  /* member badge — use generic tag colors so all tags are consistent per theme */
  --tag-member-bg: var(--tag-bg); --tag-member-text: var(--tag-text);
}
/* Theme-specific variables only — central layout (#app) is defined in layout.css */