/*
Theme Name: Birkenpfade Theme
Theme URI: https://birkenpfade.de
Author: Anne Birkenbeul
Description: Custom theme matching the Birkenpfade static design
Version: 1.0
*/

:root {
  --background: 40 30% 97%;
  --foreground: 150 20% 15%;
  --primary: 145 35% 28%;
  --primary-foreground: 40 30% 97%;
  --card: 40 25% 95%;
  --border: 80 15% 82%;
  --muted: 80 15% 90%;
  --muted-foreground: 150 10% 40%;
  --secondary: 30 30% 35%;
  --secondary-foreground: 40 30% 97%;
}

body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6, .font-heading {
  font-family: 'Playfair Display', serif;
}

.bg-background { background-color: hsl(var(--background)); }
.bg-card { background-color: hsl(var(--card)); }
.bg-primary { background-color: hsl(var(--primary)); }
.bg-primary\/10 { background-color: hsl(var(--primary) / 0.1); }
.bg-muted { background-color: hsl(var(--muted)); }
.bg-secondary { background-color: hsl(var(--secondary)); }
.text-primary { color: hsl(var(--primary)); }
.text-foreground { color: hsl(var(--foreground)); }
.text-muted-foreground { color: hsl(var(--muted-foreground)); }
.text-primary-foreground { color: hsl(var(--primary-foreground)); }
.text-secondary-foreground { color: hsl(var(--secondary-foreground)); }
.border-border { border-color: hsl(var(--border)); }
.hover\:bg-primary\/90:hover { background-color: hsl(var(--primary) / 0.9); }
.rounded-xl { border-radius: 0.5rem; }
.rounded-md { border-radius: calc(0.5rem - 0.25rem); }