/* Basis-Farben und Typografie im Stil deiner v0-Version */

:root {
  --background: oklch(0.98 0.01 75);
  /* An Logo/Ton von schreinerei-meurers.de angelehnte Farben */
  --foreground: #6f6f6e;
  --card: oklch(0.96 0.015 70);
  --primary: #932738;
  --muted: oklch(0.94 0.015 70);
  --muted-foreground: #6f6f6e;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}

.font-serif {
  font-family: "Playfair Display", "Times New Roman", serif;
}

/* Semantic Utility-Klassen, die Tailwind standardmäßig nicht kennt */

.bg-background {
  background-color: var(--background);
}

.bg-muted\/30 {
  /* 30% der Muted-Farbe über transparent gemischt */
  background-color: color-mix(in oklch, var(--muted) 30%, transparent);
}

.text-foreground {
  color: var(--foreground);
}

.text-muted-foreground {
  color: var(--muted-foreground);
}

.bg-primary {
  background-color: var(--primary);
}

.text-primary {
  color: var(--primary);
}