@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=MedievalSharp&display=swap');

:root {
  --gold: #ffd700;
  --dark-gold: #b8860b;
  --parchment: #f4e4c1;
  --dark-parchment: #d4c4a1;
  --blood: #8b0000;
  --shadow: #1a1a1a;
  --steel: #4a4a4a;
  --copper: #b87333;
}

/* Champion Themes */
.theme-zealer { --primary: #ffd700; --secondary: #fff8dc; --accent: #daa520; --bg: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); }
.theme-rogue { --primary: #00bfff; --secondary: #87ceeb; --accent: #1e90ff; --bg: linear-gradient(135deg, #0f2027 0%, #203a43 50%, #2c5364 100%); }
.theme-willow { --primary: #ff4500; --secondary: #ff6347; --accent: #dc143c; --bg: linear-gradient(135deg, #2c0b0e 0%, #4a1c1c 50%, #1a1a2e 100%); }
.theme-gaia { --primary: #228b22; --secondary: #8fbc8f; --accent: #006400; --bg: linear-gradient(135deg, #1a2f1a 0%, #2d4a2d 50%, #1a1a1a 100%); }
.theme-necro { --primary: #8b0000; --secondary: #2f2f2f; --accent: #4a0000; --bg: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #2d0000 100%); }
.theme-berserker { --primary: #ff4500; --secondary: #ff8c00; --accent: #dc143c; --bg: linear-gradient(135deg, #2a0a0a 0%, #4a1a1a 50%, #1a0a0a 100%); }
.theme-shadow { --primary: #9400d3; --secondary: #4b0082; --accent: #8b008b; --bg: linear-gradient(135deg, #0d0d0d 0%, #1a1a2e 50%, #2d1b4e 100%); }

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: 'Cinzel', serif;
  background: #0a0a0a;
  color: var(--parchment);
  overflow-x: hidden;
  background-image: var(--bg);
  background-attachment: fixed;
  min-height: 100vh;
}

/* Utility Classes */
.hidden { display: none !important; }
.text-center { text-align: center; }
.mb-20 { margin-bottom: 20px; }
.mt-20 { margin-top: 20px; }
.grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
``