/* === Tailwind-Theme-Compat (ohne Build) === */
:root {
  --cream-50: #FDFCFB;
  --cream-100: #FAF8F5;
  --cream-200: #F5F2ED;
  --cream-300: #EDE8E0;
  --accent-primary: #7D4538;
  --accent-secondary: #A67E5B;
  --accent-light: #D4A574;
  --accent-dark: #6B3528;
  --header-primary: #7D4538;
  --header-secondary: #8B4545;
}

/* Fonts (mappen auf deine lokalen @font-face aus css/fonts.css) */
.font-playfair { font-family: 'Playfair Display', serif; }
.font-inter { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }

/* Farben/Utilities die im HTML vorkommen */
.text-accent-primary { color: var(--accent-primary) !important; }
.text-accent-secondary { color: var(--accent-secondary) !important; }
.text-accent-dark { color: var(--accent-dark) !important; }
.text-cream-100 { color: var(--cream-100) !important; }

.bg-cream-50 { background-color: var(--cream-50) !important; }
.bg-cream-100 { background-color: var(--cream-100) !important; }
.bg-cream-700 { background-color: #A8967A !important; } /* aus cream 700 */
.border-cream-300 { border-color: var(--cream-300) !important; }

/* Gradients exakt für deine Kombinationen */
.bg-gradient-to-r.from-header-primary.to-header-secondary {
  background-image: linear-gradient(to right, var(--header-primary), var(--header-secondary)) !important;
}
.bg-gradient-to-r.from-accent-primary.to-accent-dark {
  background-image: linear-gradient(to right, var(--accent-primary), var(--accent-dark)) !important;
}
.bg-gradient-to-r.from-accent-secondary.to-accent-primary {
  background-image: linear-gradient(to right, var(--accent-secondary), var(--accent-primary)) !important;
}
.bg-gradient-to-r.from-accent-dark.via-accent-primary.to-accent-secondary {
  background-image: linear-gradient(to right, var(--accent-dark), var(--accent-primary), var(--accent-secondary)) !important;
}
.bg-gradient-to-b.from-cream-100.to-cream-50 {
  background-image: linear-gradient(to bottom, var(--cream-100), var(--cream-50)) !important;
}

/* Kleine Helfer damit Buttons/Listen wie vorher wirken, falls Tailwind-Utilities fehlen */
ul.list-disc { list-style: disc; padding-left: 1.5rem; }
.btn-primary {
  background: var(--accent-primary);
  color: #fff;
  padding: .75rem 1.25rem;
  border-radius: .75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  font-weight: 600;
  transition: background .2s ease, text-decoration .2s ease;
  cursor: pointer;
  border: none;
}
.btn-primary:hover { background: var(--accent-dark); }
.btn-secondary {
  background: #fff;
  color: var(--accent-primary);
  border: 2px solid var(--accent-primary);
  padding: .75rem 1.25rem;
  border-radius: .75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  font-weight: 600;
  transition: background .2s ease, color .2s ease;
  cursor: pointer;
}
.btn-secondary:hover { background: var(--cream-200); }
.form-input { background: #fff; }