:root {
  /* COLOR SYSTEM */
  --bg-darkest: #0B0E11;
  --bg-base: #12161B;
  --bg-surface: #1B2028;
  --bg-surface-hover: #242B36;
  
  --border-muted: #2E3643;
  --border-accent: #3A4556;

  --brand-orange-bright: #FFB020;
  --brand-orange-main: #F49D1A;
  --brand-orange-dark: #C44800;
  
  --text-primary: #F3F4F6;
  --text-secondary: #9CA3AF;
  --text-muted: #6B7280;

  /* LAYOUT & SPACING SYSTEM */
  --navbar-height: 64px;
  --content-max-width: 1440px;
  --content-padding-x: 24px;
  --content-padding-y: 32px;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 9999px;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  --shadow-portal-glow: 0 0 20px rgba(244, 157, 26, 0.4);

  /* ICON-GRÖSSEN-KONVENTION (Chat-Entscheidung): kompakt für Icons in Charakter-Badges,
     Charakter-/Ausrüstungs-Slots, Rollen-Slots, Encounterboxen — allgemein für alles sonst.
     Betrifft echte WoW-Content-Icons (Items/Spells/etc.), NICHT funktionale UI-Icons
     (Buttons wie Stift/Papierkorb) und NICHT hochgeladene Media-Vorschaubilder. */
  --icon-size-compact: 28px;
  --icon-size-standard: 64px;

  /* WOW CLASS COLORS (offizielles, seit Jahren stabiles Blizzard-Farbschema) */
  --class-warrior: #C79C6E;
  --class-paladin: #F58CBA;
  --class-hunter: #ABD473;
  --class-rogue: #FFF569;
  --class-priest: #FFFFFF;
  --class-deathknight: #C41F3B;
  --class-shaman: #0070DE;
  --class-mage: #69CCF0;
  --class-warlock: #9482C9;
  --class-druid: #FF7D0A;

  /* Kontrastberechnete Textfarbe für Text/Icons AUF einem Klassenfarben-Hintergrund (YIQ-Luminanz,
     Schwellwert 128) — nicht raten, da z.B. Priester-Weiß und Schamanen-Blau fast entgegengesetzte
     Anforderungen haben. Nur Schamane braucht helle Schrift, alle anderen 8 Klassen dunkle. */
  --class-warrior-text: #1B2028;
  --class-paladin-text: #1B2028;
  --class-hunter-text: #1B2028;
  --class-rogue-text: #1B2028;
  --class-priest-text: #1B2028;
  --class-deathknight-text: #FFFFFF;
  --class-shaman-text: #FFFFFF;
  --class-mage-text: #1B2028;
  --class-warlock-text: #1B2028;
  --class-druid-text: #1B2028;

  /* ITEM QUALITY COLORS (offizielles, stabiles Blizzard-Farbschema) */
  --quality-poor: #9D9D9D;
  --quality-common: #FFFFFF;
  --quality-uncommon: #1EFF00;
  --quality-rare: #0070DD;
  --quality-epic: #A335EE;
  --quality-legendary: #FF8000;
}