:root {
  --accent: #9CA3AF;
  --accent-dark: #4B5563;
  --glow: rgba(156,163,175,0.25);
  --text-primary: #F9FAFB;
  --text-secondary: #9CA3AF;
  --bg-card: #111118;
  --bg-card-hover: #1a1a24;
  --border: rgba(156,163,175,0.2);
}

[data-race="initiate"] {
  --accent: #9CA3AF;
  --accent-dark: #4B5563;
  --glow: rgba(156,163,175,0.25);
  --text-secondary: #9CA3AF;
  --border: rgba(156,163,175,0.2);
}

[data-race="witch"] {
  --accent: #7C3AED;
  --accent-dark: #4C1D95;
  --glow: rgba(124,58,237,0.25);
  --text-secondary: #A78BFA;
  --border: rgba(124,58,237,0.2);
}

[data-race="elf"] {
  --accent: #15803D;
  --accent-dark: #14532D;
  --glow: rgba(21,128,61,0.25);
  --text-secondary: #4ADE80;
  --border: rgba(21,128,61,0.2);
}

[data-race="fae"] {
  --accent: #BE185D;
  --accent-dark: #831843;
  --glow: rgba(190,24,93,0.25);
  --text-secondary: #F472B6;
  --border: rgba(190,24,93,0.2);
}

[data-race="necromancer"] {
  --accent: #D4C9A8;
  --accent-dark: #374151;
  --glow: rgba(212,201,168,0.25);
  --text-secondary: #D4C9A8;
  --border: rgba(212,201,168,0.2);
}

[data-race="hollow"] {
  --accent: #374151;
  --accent-dark: #111827;
  --glow: rgba(55,65,81,0.25);
  --text-secondary: #9CA3AF;
  --border: rgba(55,65,81,0.2);
}