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

/* =========================
   ROOT + THEME VARIABLES
   ========================= */
: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%); }

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

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

/* Utility */
.hidden{ display:none !important; }
.text-center{ text-align:center; }
.mb-20{ margin-bottom:20px; }
.mt-20{ margin-top:20px; }

/* Simple grids */
.grid-2{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
  gap:20px;
}