:root {
  /* Primäre Farben */
  --primary: #d4a26a; /* Goldbraun - wie im Logo */
  --primary-dark: #a37a4e; /* Dunkler Goldton */
  --primary-light: #e8c396; /* Heller Goldton */

  /* Sekundäre Farben */
  --secondary: #8b3e2f; /* Rostrote Akzentfarbe */
  --secondary-dark: #6e2a1e; /* Dunkleres Rostrot */
  --secondary-light: #c05a45; /* Helleres Rostrot */

  /* Neutrale Farbtöne */
  --bg-dark: #121212; /* Fast schwarz - Hintergrund */
  --bg-medium: #1e1e1e; /* Dunkelgrau - Container */
  --bg-light: #2c2f33; /* Helleres Dunkelgrau - Karten */

  /* Text-Farben */
  --text-light: #e0e0e0; /* Heller Text */
  --text-muted: #a0a0a0; /* Gedämpfter Text */

  /* Status-Farben beibehalten */
  --success: #2ecc71;
  --warning: #f39c12;
  --danger: #e74c3c;
  --info: #3498db;

  /* Rating-Farben */
  --rating-5: #ffd700; /* Gold */
  --rating-4: #7289da; /* Blau - an Theme angepasst */
  --rating-3: #71c562; /* Grün */
  --rating-2: #ff9800; /* Orange */
  --rating-1: #f44336; /* Rot */

  /* Schatten */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.3);

  /* Rundungen */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* Abstände */
  --spacing-xs: 5px;
  --spacing-sm: 10px;
  --spacing-md: 15px;
  --spacing-lg: 20px;
  --spacing-xl: 30px;
}