/* ======================================================================
   THEME „WoW Forever“ – alle Gestaltung über diese Tokens.
   Grafiken liegen unter /assets/ui/… (siehe public/ui/ASSETS.md).
   Fehlt eine Grafik, greift automatisch der Farb-/CSS-Fallback.
   ====================================================================== */
/* Schriften lokal (Inventur 01.10.: vorher Google-Fonts-@import → blockierte das Laden des Stils über das Internet) */
@font-face { font-family: 'Marcellus'; src: url('/assets/ui/fonts/marcellus-latin-400-normal.woff2') format('woff2'); font-display: swap }
@font-face { font-family: 'Marcellus SC'; src: url('/assets/ui/fonts/marcellus-sc-latin-400-normal.woff2') format('woff2'); font-display: swap }
@font-face { font-family: 'Alegreya Sans'; font-weight: 400; src: url('/assets/ui/fonts/alegreya-sans-latin-400-normal.woff2') format('woff2'); font-display: swap }
@font-face { font-family: 'Alegreya Sans'; font-weight: 500; src: url('/assets/ui/fonts/alegreya-sans-latin-500-normal.woff2') format('woff2'); font-display: swap }
@font-face { font-family: 'Alegreya Sans'; font-weight: 700; src: url('/assets/ui/fonts/alegreya-sans-latin-700-normal.woff2') format('woff2'); font-display: swap }
@font-face { font-family: 'Alegreya Sans'; font-weight: 800; src: url('/assets/ui/fonts/alegreya-sans-latin-800-normal.woff2') format('woff2'); font-display: swap }

/* Friz Quadrata = die WoW-Schrift. Datei unter /assets/ui/fonts/ ablegen
   (z. B. über Adobe Fonts / eigene Lizenz). Bis dahin: Marcellus als Ersatz. */
@font-face { font-family: 'Friz Quadrata'; src: local('Friz Quadrata'), local('Friz Quadrata TT'), local('FrizQuadrataStd-Regular'), url('/assets/ui/fonts/frizqt__.ttf') format('truetype'); font-display: swap; }

:root {
  color-scheme: dark;

  /* --- WoW-Gelb & Metall --- */
  --wow-yellow: #ffd100;          /* Fenstertitel, Abschnittsköpfe */
  --wow-label: #f2c14e;           /* Werte-Labels („Stärke:“) */
  --metal-dark: #2a1f12;
  --metal-mid: #6e5630;
  --metal-light: #c9a55a;
  --metal-shine: #f1d58b;

  /* --- Flächen --- */
  --bg: #07060a;                  /* Welt hinter den Fenstern */
  --panel: #15110d;               /* Fensterinneres */
  --panel-2: #1d1812;             /* Listenzeile */
  --panel-3: #2a2117;             /* Zeile hover/aktiv */
  --plate: #0e0b08;               /* Titelplatte, Kopfleisten */
  --line: #3b2e1d;                /* feine Trenner */
  --line-2: #5a4628;

  /* --- Pergament (Zauberbuch, Quests) --- */
  --parch-1: #ead6a6; --parch-2: #cdb17a; --ink: #2b1d0e; --ink-head: #3a2410;

  /* --- Text --- */
  --text: #f1ead9; --mute: #a99c83; --dim: #74695a;
  --ok: #40d65a; --bad: #ff4b3a; --warn: #ffb238;

  /* --- Buttons (rot mit goldener Schrift wie „Accept/Purchase“) --- */
  --btn-1: #a8261a; --btn-2: #5e0d07; --btn-border: #d9a441; --btn-text: #ffd100;

  /* --- Tooltip --- */
  --tt-bg: rgba(5, 7, 22, .95); --tt-border: #8a8ea3;

  /* --- Fraktionen --- */
  --horde: #b3261e; --alli: #2f6fc0;

  /* --- Seltenheit (Originalfarben) --- */
  --q0: #9d9d9d; --q1: #ffffff; --q2: #1eff00; --q3: #0070dd; --q4: #a335ee; --q5: #ff8000;
  --q3-text: #3b9cff;             /* Rar-Blau in Textgröße lesbarer */

  /* --- Münzen --- */
  --cu: #c8773f; --ag: #c9ced4; --au: #f0c53c;

  /* --- Schriften --- */
  --font-display: 'Friz Quadrata', 'Marcellus', Georgia, serif;
  --font-caps: 'Friz Quadrata', 'Marcellus SC', Georgia, serif;
  --font-body: 'Friz Quadrata', 'Marcellus', 'Alegreya Sans', Georgia, serif;
  --font-ui: 'Alegreya Sans', 'Segoe UI', system-ui, sans-serif;   /* für kleine Handy-Texte */

  /* --- Texturen (Grafiken optional, Fallback = Farbverlauf) --- */
  --tex-panel: url('/assets/ui/textures/panel-dark.webp');
  --tex-parchment: url('/assets/ui/textures/parchment.webp');
  --tex-plate: url('/assets/ui/textures/plate-dark.webp');
  --img-medallion-ring: url('/assets/ui/fx/medal.png');   /* 10.10.: vorhandener Goldring statt fehlender Datei (404 auf dem Server) */

  /* --- Hintergründe pro Szene/Raid (Bild; Videos siehe base.css .bg video) --- */
  --bg-default: url('/assets/ui/glue/login-bg.webp');
  --bg-lobby: url('/assets/ui/glue/login-bg.webp');
  --bg-intro: url('/assets/ui/backgrounds/gasthaus.webp');
  --bg-board: url('/assets/ui/backgrounds/gasthaus.webp');
  --bg-checkpoint: url('/assets/ui/backgrounds/raid-mc.webp');
  --bg-boss: url('/assets/ui/backgrounds/raid-mc.webp');
  --bg-inn: url('/assets/ui/backgrounds/gasthaus.webp');
  --bg-loot: url('/assets/ui/backgrounds/schatzkammer.webp');
  --bg-end: url('/assets/ui/backgrounds/gasthaus.webp');
  --bg-raid-mc: url('/assets/ui/backgrounds/raid-mc.webp');
  --bg-raid-bwl: url('/assets/ui/backgrounds/raid-bwl.webp');
  --bg-raid-zg: url('/assets/ui/backgrounds/raid-zg.webp');
  --bg-raid-aq40: url('/assets/ui/backgrounds/raid-aq40.webp');
  --bg-raid-onyxia: url('/assets/ui/backgrounds/raid-onyxia.webp');
  --bg-raid-karazhan: url('/assets/ui/backgrounds/raid-karazhan.webp');

  /* --- Form --- */
  --radius: 6px;
  --shadow-win: 0 18px 50px rgba(0,0,0,.75), 0 0 0 1px #000;
}