:root {
  --hausraeumer-yellow: #fece00;
  --hausraeumer-blue: #364B7A;
  --hausraeumer-bg-light: #f3f8fc;
  --hausraeumer-text: #1f1f1f;
  --hausraeumer-gray: #9c9c9c;

  /* Neutrale */
  --bg: #F2E9DD;           /* Sand – Seitenhintergrund */
  --surface: #FFFFFF;      /* Flächen/Karten/Nav-Hintergrund */
  --text: #2F2F2F;         /* Kohle – Fließtext */
  --muted: #6B7280;        /* Sekundärtext */
  --border: #E7DFD4;       /* Sand-hell für Linien */

  /* Marke */
  --primary: #085E6B;      /* Tiefteal – Headlines, Links, Nav */
  --primary-contrast: #FFFFFF;
  --secondary: #6E9E6C;    /* Reed-Grün – Badges, positive States */
  --accent: #B6373C;       /* Backstein – CTA/Akzent sparsam einsetzen */
  --accent-contrast: #FFFFFF;

  /* Interaktion */
  --link: var(--primary);
  --link-hover: #0B7481;   /* heller/blauer Hover auf Teal */
  --focus: #FFBF47;        /* gut sichtbarer Fokus */
}