/* Grundlagen: Farben, Schrift und Seitenhintergrund im Stil der WoW-Oberfläche. */

:root {
  /* Schrift: Friz Quadrata ist die Spielschrift; ohne Installation greift eine Serifenschrift. */
  --font-ui: "Friz Quadrata TT", "Friz Quadrata Std", "Palatino Linotype", Georgia, serif;

  /* Textfarben aus dem Spiel */
  --color-gold: #ffd100;
  --color-gold-dim: #c9a227;
  --color-text: #f2e8d0;
  --color-white: #ffffff;
  --color-green: #3bff3b;
  --color-red: #ff2020;
  --color-gray: #8a8a8a;

  /* Fensterrahmen */
  --frame-dark: #0f0d0b;
  --frame-brown: #3b2d18;
  --frame-gold: #8c6d2f;
  --frame-gold-light: #c8a14a;

  /* Talentraster: Icongröße und Abstand der Raster-Mittelpunkte */
  --talent-icon: 46px;
  --talent-pitch-x: 72px;
  --talent-pitch-y: 72px;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
}

body {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 24px 12px;
  background:
    radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--class-color, #2f5a2f) 20%, transparent), transparent 60%),
    #070807;
  color: var(--color-text);
  font-family: var(--font-ui);
}

/* Zweisprachiges Markup: Texte stehen in beiden Sprachen da, sichtbar ist nur die aktive. */
html[lang="de"] [data-lang="en"],
html[lang="en"] [data-lang="de"] {
  display: none !important;
}

a {
  color: var(--color-gold-dim);
}