/* Tokens de DESIGN.md. Neon só para raridade e aquisição; cor de universo só em contexto. */
:root {
  --bg: #0E1015;
  --surface-1: #161920;
  --surface-2: #1D2129;
  --surface-3: #272C36;
  --surface-4: #313744;
  --line: #2C323D;
  --line-strong: #7A8396;
  --text: #ECEEF2;
  --text-2: #AEB5C2;
  --action: #ECEEF2;
  --action-hover: #FFFFFF;
  --action-ink: #0E1015;
  --danger: #FF8A94;
  --ok: #7EE2A8;
  --focus: #FFFFFF;

  /* Seleção de abas, sub-abas, filtros e segmentados: um roxo só (a aba principal ativa e todos os outros). */
  --sel-bg-top: #5C3BA0;
  --sel-bg-bottom: #7B4FD6;
  --sel-border: #A98BFF;
  --sel-ink: #FFFFFF;
  --sel-hover-bg: var(--surface-4);

  --r-rare: #5AA9FF;
  --r-epic: #C08BFF;
  --r-legendary: #FFC94D;
  --r-mythic: #FF5C7A;
  --r-celestial: #8EF4FF;
  --r-celestial-2: #FF9CF2;
  --r-secret: #57FF9A;
  /* Desperto (v0.100, Evolução por Item): Brasa, laranja vivo com miolo branco quente e vermelho de forja. */
  --r-awakened: #FF7A1A;
  --r-awakened-2: #FFF1D6;
  --r-awakened-3: #C2271B;

  --u-naruto: #FF793F;
  --u-bleach: #70A1FF;
  --u-onepiece: #FF4757;
  --u-jujutsu: #A55EEA;
  --u-demonslayer: #2CCFC0;
  --u-aot: #B7BD5E;
  --u-hxh: #F26CB0;
  --u-onepunch: #D7DEEA;
  --u-blackclover: #43C265;
  --u-dragonball: #FFB627;
  /* Mundo 2 (v0.268.0): só mapas, ainda sem heróis. */
  --u-mha: #5BC0EB;
  --u-yugioh: #E0B030;
  --u-fairytail: #F06292;
  --u-akame: #9D8DF1;
  --u-sao: #3D7BE0;
  --u-dxd: #E63946;
  --u-fma: #C77D3A;
  --u-inuyasha: #B9D86A;
  --u-jojo: #C266E8;
  --u-berserk: #8D99AE;

  --font-body: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Rajdhani', 'Outfit', system-ui, sans-serif;

  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-32: 32px;

  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;

  --radius-s: 4px;
  --radius-m: 8px;
  --radius-l: 12px;

  --t-fast: 140ms ease;
  --shadow-modal: 0 24px 64px rgba(0, 0, 0, 0.6);
  --shadow-menu: 0 12px 32px rgba(0, 0, 0, 0.5);

  --card-ratio: 11 / 15;

  /* Taverna: o dourado das velas e do quadro de missões (o mesmo do nome do jogador na sala). */
  --tavern-gold: #E0AE4A;
  --tavern-gold-ink: #1A1206;
}

/* Cada raridade e cada universo expõe a mesma variável (--rarity / --universe) para os componentes. */
.rarity-rare { --rarity: var(--r-rare); }
.rarity-epic { --rarity: var(--r-epic); }
.rarity-legendary { --rarity: var(--r-legendary); }
.rarity-mythic { --rarity: var(--r-mythic); }
.rarity-celestial { --rarity: var(--r-celestial); }
.rarity-awakened { --rarity: var(--r-awakened); }
.rarity-secret { --rarity: var(--r-secret); }

.universe-naruto { --universe: var(--u-naruto); }
.universe-bleach { --universe: var(--u-bleach); }
.universe-one-piece { --universe: var(--u-onepiece); }
.universe-jujutsu-kaisen { --universe: var(--u-jujutsu); }
.universe-demon-slayer { --universe: var(--u-demonslayer); }
.universe-attack-on-titan { --universe: var(--u-aot); }
.universe-hunter-x-hunter { --universe: var(--u-hxh); }
.universe-one-punch-man { --universe: var(--u-onepunch); }
.universe-black-clover { --universe: var(--u-blackclover); }
.universe-dragon-ball { --universe: var(--u-dragonball); }
.universe-boku-no-hero-academia { --universe: var(--u-mha); }
.universe-yu-gi-oh { --universe: var(--u-yugioh); }
.universe-fairy-tail { --universe: var(--u-fairytail); }
.universe-akame-ga-kill { --universe: var(--u-akame); }
.universe-sword-art-online { --universe: var(--u-sao); }
.universe-high-school-dxd { --universe: var(--u-dxd); }
.universe-fullmetal-alchemist { --universe: var(--u-fma); }
.universe-inuyasha { --universe: var(--u-inuyasha); }
.universe-jojos-bizarre-adventure { --universe: var(--u-jojo); }
.universe-berserk { --universe: var(--u-berserk); }