/* Official attribute colours, lifted from the game's own battle guide. */
:root {
  --t-agriculture: #a36e13;
  --t-balance: #a18a5f;
  --t-chaos: #A12F6F;
  --t-cosmic: #2D1E5F;
  --t-energy: #B45A8D;
  --t-faith: #4128cc;
  --t-fire: #C4452D;
  --t-ice: #4E8FBF;
  --t-light: #dcb908;
  --t-metal: #8B8F97;
  --t-mountain: #565145;
  --t-nature: #2F7D4C;
  --t-oil: #042425;
  --t-shadow: #2C2A38;
  --t-storm: #65318e;
  --t-water: #225a89;
  --t-wind: #7ba78d;
}

.chip[data-t="Agriculture"] { --c: var(--t-agriculture); }
.chip[data-t="Balance"] { --c: var(--t-balance); }
.chip[data-t="Chaos"] { --c: var(--t-chaos); }
.chip[data-t="Cosmic"] { --c: var(--t-cosmic); }
.chip[data-t="Energy"] { --c: var(--t-energy); }
.chip[data-t="Faith"] { --c: var(--t-faith); }
.chip[data-t="Fire"] { --c: var(--t-fire); }
.chip[data-t="Ice"] { --c: var(--t-ice); }
.chip[data-t="Light"] { --c: var(--t-light); }
.chip[data-t="Metal"] { --c: var(--t-metal); }
.chip[data-t="Mountain"] { --c: var(--t-mountain); }
.chip[data-t="Nature"] { --c: var(--t-nature); }
.chip[data-t="Oil"] { --c: var(--t-oil); }
.chip[data-t="Shadow"] { --c: var(--t-shadow); }
.chip[data-t="Storm"] { --c: var(--t-storm); }
.chip[data-t="Water"] { --c: var(--t-water); }
.chip[data-t="Wind"] { --c: var(--t-wind); }