:root {
  --aureus: #edb227;
  --incandescent: #ffec4c;
  --molten: #9c5915;
  --sunfire-lava: #ff9303;
  --crimson-lion: #810000;
  --ruby-red: #bd000b;
  --phthalo-blue: #001c67;
  --legend: #144382;
  --sand-shark: #1a8ac5;
  --violite: #664785;
  --glints-rebellion: #c0a8d3;
  --verdant-jade: #085c08;
  --growth: #009400;
  --destroyer-orange: #f05000;
  --warband: #a94900;
  --torment: #680968;
  --silver-satin: #898989;
  --slate: #585858;
  --shadow-abyss: #000000;
  --alpha-strong: 70%;
  --alpha-mid: 50%;
  --alpha-soft: 30%;
  --alpha-faint: 10%;
  --theme-dark: var(--phthalo-blue);
  --theme-mid: var(--ruby-red);
  --theme-bright: var(--aureus);
  --theme-glow: var(--phthalo-blue);
  --glow-mix: var(--alpha-strong);
}
:root[data-profession="Elementalist"] {
  /* mid #810000 -> #b40000 for a visible button and border */
  --theme-dark: #0f0000;
  --theme-mid: #b40000;
  --theme-bright: #edb227;
  --theme-glow: #b40000;
  --glow-mix: var(--alpha-soft);
}
:root[data-profession="Mesmer"] {
  /* mid #680968 -> #970d97 for a visible button and border */
  --theme-dark: #080009;
  --theme-mid: #970d97;
  --theme-bright: #c0a8d3;
  --theme-glow: #970d97;
  --glow-mix: var(--alpha-soft);
}
:root[data-profession="Necromancer"] {
  /* mid #085c08 -> #096509 for a visible button and border */
  --theme-dark: #001000;
  --theme-mid: #096509;
  --theme-bright: #009400;
  --theme-glow: #096509;
  --glow-mix: var(--alpha-soft);
}
:root[data-profession="Engineer"] {
  --theme-dark: #210000;
  --theme-mid: #9c5915;
  --theme-bright: #ffec4c;
  --theme-glow: #9c5915;
  --glow-mix: var(--alpha-soft);
}
:root[data-profession="Ranger"] {
  /* bright #004a00 -> #009700 for 4.5:1 text contrast; mid #8b2e12 -> #a63716 for a visible button and border */
  --theme-dark: #002911;
  --theme-mid: #a63716;
  --theme-bright: #009700;
  --theme-glow: #a63716;
  --glow-mix: var(--alpha-soft);
}
:root[data-profession="Thief"] {
  --theme-dark: #000000;
  --theme-mid: #bd000b;
  --theme-bright: #ffffff;
  --theme-glow: #bd000b;
  --glow-mix: var(--alpha-soft);
}
:root[data-profession="Guardian"] {
  /* mid #0c203d -> #1f539f for a visible button and border */
  --theme-dark: #00030c;
  --theme-mid: #1f539f;
  --theme-bright: #1a8ac5;
  --theme-glow: #1f539f;
  --glow-mix: var(--alpha-soft);
}
:root[data-profession="Revenant"] {
  /* bright #c40000 -> #f70000 for 4.5:1 text contrast; mid #330202 -> #b30707 for a visible button and border */
  --theme-dark: #110000;
  --theme-mid: #b30707;
  --theme-bright: #f70000;
  --theme-glow: #b30707;
  --glow-mix: var(--alpha-soft);
}
:root[data-profession="Warrior"] {
  /* mid #580000 -> #b40000 for a visible button and border */
  --theme-dark: #080900;
  --theme-mid: #b40000;
  --theme-bright: #ff9303;
  --theme-glow: #b40000;
  --glow-mix: var(--alpha-soft);
}