:root {
  /* Primärfarben Clash-Style */
  --clash-orange: #e8832a;
  --clash-gold: #ffd700;
  --clash-blue: #2a5298;
  --clash-dark: #1a1a2e;
  
  /* Arena */
  --arena-grass: #4a7c59;
  --arena-grass-dark: #3d6b4a;
  --arena-river: #3a6b9e;
  --arena-bridge: #8b7355;
  
  /* Türme */
  --tower-friendly: #4da6ff;
  --tower-enemy: #ff4d4d;
  --tower-king-friendly: #ffd700;
  --tower-king-enemy: #ff8c00;
  
  /* Elixier */
  --elixir-purple: #c77dff;
  --elixir-bg: #6a0dad;
  --elixir-fill: linear-gradient(90deg, #9b5de5, #c77dff);
  
  /* Karten-Seltenheit */
  --rarity-common: #aaaaaa;
  --rarity-rare: #4488ff;
  --rarity-epic: #aa44ff;
  --rarity-legendary: #ffaa00;
  --rarity-champion: #ff4444;
  --rarity-hero: #ffd700;         /* Heroes: goldene Umrandung */
  --rarity-evolution: #9d4edd;    /* Evolutions: lila Leuchten */
  
  /* UI */
  --ui-card-bg: #16213e;
  --ui-card-border: #0f3460;
  --ui-button-primary: #e8832a;
  --ui-button-hover: #ff9f45;
  --ui-text-primary: #ffffff;
  --ui-text-secondary: #aaaacc;
  
  /* Admin */
  --admin-red: #ff4444;
  --admin-green: #44ff88;
  --admin-gold: #ffd700;

  /* Responsive Variables */
  --arena-width: 100vw;
  --arena-height: 70vh;
  --card-size: 72px;
  --elixir-bar-height: 40px;
  --hand-height: 90px;
}