:root {
  --inactive: #666;
  --weak: #333;

  --gray-1: #4c4c4c;
  --gray-2: #666666;
  --gray-3: #818181;
  --gray-4: #9a9a9a;
  --gray-5: #b4b4b4;

  --shadows-1: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  --shadows-2: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  --shadows-3: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  --shadows-4: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  --shadows-5: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

[data-theme="foes"] {
  --light-primary: #f90;
  --dark-primary: #683d16;
  --primary: #ff7900;

  --splash-screen-image: url(/exlandia/splash-screens/foes-splash-screen.png);
}

[data-theme="foes-advanced"] {
  --light-primary: rgba(106, 145, 45, .8);
  --dark-primary: rgb(53, 72, 23);
  --primary: rgb(106, 145, 45);

  --splash-screen-image: url(/exlandia/splash-screens/foesa-splash-screen.jpg);
}

[data-theme="bdsim"] {
  --light-primary: #f90;
  --dark-primary: #683d16;
  --primary: #ff7900;

  --splash-screen-image: url(/exlandia/splash-screens/bdsim-splash-screen.png);
}

[data-splash-screen="bdsim"] {
  --splash-screen-image: url(/exlandia/splash-screens/bdsim-splash-screen.png);
}

/* Hide when theme applied */

.\@theme-foes-advanced {
  display: none;
}

.\@theme-foes {
  display: none;
}

.\@theme-bdsim {
  display: none;
}

/* Display when theme applied */

[data-theme="foes-advanced"] .\@theme-foes-advanced {
  display: block;
}

[data-theme="foes"] .\@theme-foes {
  display: block;
}

[data-theme="bdsim"] .\@theme-bdsim {
  display: block;
}