/* Pokémon type badge colors — dark (default) and light mode variants */

.type-Normal   { background: #A8A899; }
.type-Fire     { background: #EE7C2E; }
.type-Water    { background: #4E8BE8; }
.type-Grass    { background: #5AB85F; }
.type-Electric { background: #F2C53D; }
.type-Ice      { background: #7DD9D9; }
.type-Fighting { background: #C8382E; }
.type-Poison   { background: #9B56A4; }
.type-Ground   { background: #D4AA44; }
.type-Flying   { background: #8B7CF0; }
.type-Psychic  { background: #F84E84; }
.type-Bug      { background: #92A81C; }
.type-Rock     { background: #B0963A; }
.type-Ghost    { background: #6558A0; }
.type-Dragon   { background: #6624E8; }
.type-Dark     { background: #8B7355; }
.type-Steel    { background: #9898C0; }
.type-Fairy    { background: #E87C9C; }

/* Light mode variants — slightly adjusted for white card backgrounds */
[data-theme="light"] .type-Normal   { background: #918E80; }
[data-theme="light"] .type-Fire     { background: #D96519; }
[data-theme="light"] .type-Water    { background: #2A6FD4; }
[data-theme="light"] .type-Grass    { background: #3E9A44; }
[data-theme="light"] .type-Electric { background: #C9A000; color: #000; }
[data-theme="light"] .type-Ice      { background: #4EC5C5; }
[data-theme="light"] .type-Fighting { background: #B02020; }
[data-theme="light"] .type-Poison   { background: #7E3890; }
[data-theme="light"] .type-Ground   { background: #B88A20; }
[data-theme="light"] .type-Flying   { background: #6A5CD8; }
[data-theme="light"] .type-Psychic  { background: #E0206A; }
[data-theme="light"] .type-Bug      { background: #728A08; }
[data-theme="light"] .type-Rock     { background: #8A7020; }
[data-theme="light"] .type-Ghost    { background: #4A3C80; }
[data-theme="light"] .type-Dragon   { background: #4A10C8; }
[data-theme="light"] .type-Dark     { background: #6A543A; }
[data-theme="light"] .type-Steel    { background: #7878A8; }
[data-theme="light"] .type-Fairy    { background: #C85878; }

/* CSS custom properties version for use in JS inline styles */
:root {
  --type-Normal:   #A8A899;
  --type-Fire:     #EE7C2E;
  --type-Water:    #4E8BE8;
  --type-Grass:    #5AB85F;
  --type-Electric: #F2C53D;
  --type-Ice:      #7DD9D9;
  --type-Fighting: #C8382E;
  --type-Poison:   #9B56A4;
  --type-Ground:   #D4AA44;
  --type-Flying:   #8B7CF0;
  --type-Psychic:  #F84E84;
  --type-Bug:      #92A81C;
  --type-Rock:     #B0963A;
  --type-Ghost:    #6558A0;
  --type-Dragon:   #6624E8;
  --type-Dark:     #8B7355;
  --type-Steel:    #9898C0;
  --type-Fairy:    #E87C9C;
}
