/* Class-based color definitions for D&D classes */
/* These can be applied to any element with matching class names like .class-fighter, .class-wizard, etc. */

/* CSS Variables for single colors (used in charts and other contexts) */
:root {
  --class-fighter-color: #8b4513;
  --class-sorcerer-color: #9370db;
  --class-wizard-color: #4169e1;
  --class-cleric-color: #ffd700;
  --class-rogue-color: #2f4f4f;
  --class-ranger-color: #228b22;
  --class-paladin-color: #b8860b;
  --class-barbarian-color: #dc143c;
  --class-bard-color: #ff1493;
  --class-druid-color: #8fbc8f;
  --class-monk-color: #4682b4;
  --class-warlock-color: #8b008b;
  --class-cursed-color: #191970;
  --class-cavalier-color: #cd853f;
  --class-alchemist-color: #20b2aa;
  --class-feyblood-color: #ff69b4;
  --class-inquisitor-color: #800000;
  --class-professional-color: #708090;
  --class-swashbuckler-color: #006400;
  --class-default-color: #696969;
}

/* Gradient backgrounds for pill/badge elements */
.class-fighter { background: linear-gradient(90deg, #8b4513, #a0522d); }
.class-sorcerer { background: linear-gradient(90deg, #9370db, #ba55d3); }
.class-wizard { background: linear-gradient(90deg, #4169e1, #6495ed); }
.class-cleric { background: linear-gradient(90deg, #ffd700, #ffed4e); }
.class-rogue { background: linear-gradient(90deg, #2f4f4f, #556b6b); }
.class-ranger { background: linear-gradient(90deg, #228b22, #32cd32); }
.class-paladin { background: linear-gradient(90deg, #b8860b, #daa520); }
.class-barbarian { background: linear-gradient(90deg, #dc143c, #ff6347); }
.class-bard { background: linear-gradient(90deg, #ff1493, #ff69b4); }
.class-druid { background: linear-gradient(90deg, #8fbc8f, #90ee90); }
.class-monk { background: linear-gradient(90deg, #4682b4, #5f9ea0); }
.class-warlock { background: linear-gradient(90deg, #8b008b, #9932cc); }
.class-cursed { background: linear-gradient(90deg, #191970, #483d8b); }
.class-cavalier { background: linear-gradient(90deg, #cd853f, #daa520); }
.class-alchemist { background: linear-gradient(90deg, #20b2aa, #48d1cc); }
.class-feyblood { background: linear-gradient(90deg, #ff69b4, #ffc0cb); }
.class-inquisitor { background: linear-gradient(90deg, #800000, #a52a2a); }
.class-professional { background: linear-gradient(90deg, #708090, #778899); }
.class-swashbuckler { background: linear-gradient(90deg, #006400, #228b22); }
.class-default { background: linear-gradient(90deg, #696969, #808080); }

/* Color overrides to ensure proper text contrast with the gradients */
.class-fighter,
.class-sorcerer,
.class-wizard,
.class-rogue,
.class-paladin,
.class-barbarian,
.class-druid,
.class-monk,
.class-warlock,
.class-cursed,
.class-cavalier,
.class-alchemist,
.class-inquisitor,
.class-professional,
.class-swashbuckler,
.class-default {
  color: white !important;
  border-color: transparent !important;
}

/* Lighter classes need darker text */
.class-cleric,
.class-ranger,
.class-bard,
.class-feyblood {
  color: #2d2d2d !important;
  border-color: transparent !important;
}

/* Dark mode adjustments */
html.dark-mode .class-cleric,
html.dark-mode .class-ranger,
html.dark-mode .class-bard,
html.dark-mode .class-feyblood {
  color: #1a1a1a !important;
}