:root {
  /* ===================== */
  /* Naturkontor Farbpalette */
  /* ===================== */
  
  --hero-text: #f1e8d8;

  /* Erdige Brauntöne */
  --brown-900: #2f2417; /* tiefes Kontor-Braun (Headlines, Header-Hintergrund) */
  --brown-800: #3a2a1b;
  --brown-700: #5b3b24; /* Footer-Hintergrund, stärkere Flächen */
  --brown-400: #c7a97a; /* warmes Erd-Braun (Button-Hintergründe) */
  --brown-300: #d8c4a6; /* NEU: helleres Braun für Kontraste */
  --brown-100: #f4ecdf; /* seichte Grundfläche / Card-Background */

  /* ===================== */
  /* GOLD – Kontor Gold Style */
  /* ===================== */

  --gold: #e2b857; /* Hauptgold – kräftig & warm */
  --gold-strong: #d7a94f; /* etwas dunkler – ideal für Rahmen */
  --gold-soft: rgba(226, 184, 87, 0.3); /* zarte Goldfläche für Buttons */
  --gold-tint: rgba(226, 184, 87, 0.12); /* sehr leichte Goldfläche */
  --gold-fade: rgba(226, 184, 87, 0.08); /* kaum sichtbar – Background */
  --gold-border: rgba(226, 184, 87, 0.4); /* Goldrand mittelstark */
  --gold-glow: rgba(226, 184, 87, 0.55); /* Glow-Effekt */
  --gold-transparent: rgba(226, 184, 87, 0.15);

  /* ===================== */
  /* NATÜRLICHES GRÜN */
  /* ===================== */

  --green: #5f7b4a; /* gedecktes Blattgrün */
  --green-700: #435636; /* Hover/aktiv */

  /* ===================== */
  /* Neutrale Farbtöne */
  /* ===================== */

  --ink: var(--brown-900); /* Standard-Text */
  --muted: #7b6a57; /* dezente Texte */
  --paper: #fffaf2; /* leicht getöntes Papierweiß */
  --bg: #f4ecdf; /* Seiten-Hintergrund */
  --border: #e0d4c5; /* neutrale Rahmen */
  --beige: #efe1cf; /* alternative Boxfläche */

  /* ===================== */
  /* Radius & Shadow */
  /* ===================== */

  --radius: 14px;
  --shadow: 0 10px 24px rgba(0, 0, 0, 0.06);

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 0.22s;

  /* ===================== */
  /* Shadcn-/UI-HSL-Werte */
  /* ===================== */

  --background: 36 47% 95%;
  --foreground: 26 25% 17%;

  --card: 36 47% 95%;
  --card-foreground: 26 25% 17%;

  --popover: 36 47% 95%;
  --popover-foreground: 26 25% 17%;

  --primary: 36 25% 17%;
  --primary-foreground: 40 40% 98%;

  --secondary: 36 47% 90%;
  --secondary-foreground: 26 25% 17%;

  --muted-bg: 36 47% 92%;
  --muted-foreground: 27 18% 45%;

  /* Gold als „accent“ */
  --accent: 40 68% 60%;
  --accent-foreground: 26 25% 17%;

  --border-hsl: 34 30% 84%;
  --input: 34 30% 84%;
  --ring: 40 68% 60%;

  --radius-default: 0.5rem;

  /* ===================== */
  /* Schriften */
  /* ===================== */

  --font-body: "Lato", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  --font-heading: "Cormorant Garamond", Georgia, serif;
}