/* #region Type Colors - Vibrant Nintendo Palette */
p.card-type.normal {
  background: #a0a29f;
}
p.card-type.fire {
  background: #ff4422;
}
p.card-type.water {
  background: #3399ff;
}
p.card-type.electric {
  background: #ffcc33;
  color: #000;
}
p.card-type.grass {
  background: #44bb44;
}
p.card-type.ice {
  background: #77ddff;
  color: #000;
}
p.card-type.fighting {
  background: #d54422;
}
p.card-type.poison {
  background: #aa5599;
}
p.card-type.ground {
  background: #ddbb55;
}
p.card-type.flying {
  background: #8899ff;
}
p.card-type.psychic {
  background: #ff5599;
}
p.card-type.bug {
  background: #aabb22;
}
p.card-type.rock {
  background: #bbaa66;
}
p.card-type.ghost {
  background: #6666bb;
}
p.card-type.dragon {
  background: #7766ee;
}
p.card-type.dark {
  background: #554444;
}
p.card-type.steel {
  background: #aaaabb;
  color: #000;
}
p.card-type.fairy {
  background: #ee99ee;
}
/* #endregion */

/* #region Dynamic Card Background Tint based on Primary Type */
.card:has(.fire) .card-image-placeholder::after {
  background: rgba(255, 68, 34, 0.25);
}
.card:has(.water) .card-image-placeholder::after {
  background: rgba(51, 153, 255, 0.25);
}
.card:has(.grass) .card-image-placeholder::after {
  background: rgba(68, 187, 68, 0.25);
}
.card:has(.electric) .card-image-placeholder::after {
  background: rgba(255, 204, 51, 0.25);
}
.card:has(.psychic) .card-image-placeholder::after {
  background: rgba(255, 85, 153, 0.25);
}
/* #endregion */

/* #region Dark Mode Tints (Higher Opacity) */
.dark-mode .card:has(.fire) .card-image-placeholder::after {
  background: rgba(255, 68, 34, 0.35);
}
.dark-mode .card:has(.water) .card-image-placeholder::after {
  background: rgba(51, 153, 255, 0.35);
}
.dark-mode .card:has(.grass) .card-image-placeholder::after {
  background: rgba(68, 187, 68, 0.35);
}
.dark-mode .card:has(.electric) .card-image-placeholder::after {
  background: rgba(255, 204, 51, 0.35);
}
.dark-mode .card:has(.psychic) .card-image-placeholder::after {
  background: rgba(255, 85, 153, 0.35);
}
/* #endregion */

/* #region Dialog Colors */
.dialog-image-container.fire {
  background: rgba(255, 68, 34, 0.25);
}
.dialog-image-container.water {
  background: rgba(51, 153, 255, 0.25);
}
.dialog-image-container.grass {
  background: rgba(68, 187, 68, 0.25);
}
.dialog-image-container.electric {
  background: rgba(255, 204, 51, 0.25);
}
.dialog-image-container.psychic {
  background: rgba(255, 85, 153, 0.25);
}
.dialog-image-container.ice {
  background: rgba(119, 221, 255, 0.25);
}
.dialog-image-container.fighting {
  background: rgba(213, 68, 34, 0.25);
}
.dialog-image-container.poison {
  background: rgba(170, 85, 153, 0.25);
}
.dialog-image-container.ground {
  background: rgba(221, 187, 85, 0.25);
}
.dialog-image-container.flying {
  background: rgba(136, 153, 255, 0.25);
}
.dialog-image-container.bug {
  background: rgba(170, 187, 34, 0.25);
}
.dialog-image-container.rock {
  background: rgba(187, 170, 102, 0.25);
}
.dialog-image-container.ghost {
  background: rgba(102, 102, 187, 0.25);
}
.dialog-image-container.dragon {
  background: rgba(119, 102, 238, 0.25);
}
.dialog-image-container.dark {
  background: rgba(85, 68, 68, 0.25);
}
.dialog-image-container.steel {
  background: rgba(170, 170, 187, 0.25);
}
.dialog-image-container.fairy {
  background: rgba(238, 153, 238, 0.25);
}
.dialog-image-container.normal {
  background: rgba(160, 162, 159, 0.25);
}

/* #endregion */