/* Sistema de design do AuraIDLE (Frente B): único arquivo do sistema com valores literais.
   ui-casca.css e ui-pecas.css só consomem var(--au-*). Só tema escuro.
   Os valores de identidade (ação, sistema, texto, raridade, shiny, fontes) espelham game/identidade.css;
   test_ui_sistema.mjs confere a paridade. Fontes: as @font-face já vêm de orig/tokens.css. */
:root {
  /* Superfície */
  --au-fundo: #0d0f1a;
  --au-vidro: #1a1d33f2;
  --au-superficie: #1a1d33;
  --au-superficie-2: #242844;
  --au-fundo-modal: rgba(8, 10, 20, 0.72);
  --au-poco: #0d0f1a;

  /* Borda e luz */
  --au-borda: #2a2e4a;
  --au-borda-forte: #454c7a;
  --au-pct: 0;
  --au-luz: linear-gradient(135deg, #ff7a1a, #2a2e4a 45%, #2fd8f0);

  /* Texto */
  --au-texto: #f3ecd2;
  --au-texto-suave: #b9b5a0;
  --au-texto-fraco: #8b8872;
  --au-texto-sobre-acao: #fff;

  /* Ação e sistema (seleção, foco, abas) */
  --au-acao-a: #d9360f;
  --au-acao-b: #e8600c;
  --au-sistema: #2fd8f0;

  /* Semânticas */
  --au-ok: #5ac47a;
  --au-aviso: #e8a23a;
  --au-perigo: #e0485a;
  --au-info: #5aa9ff;
  --au-vida: #e0485a;

  /* Cura (regeneração): verde principal, brilho e sombra */
  --au-cura: #3ddc84;
  --au-cura-brilho: #9bffc4;
  --au-cura-sombra: #1f8a52;

  /* Valor: dourado liso, só para texto e ícone de moeda */
  --au-valor: #ffcc00;

  /* Moedas: Coin (ouro liso), Aura coin (iridescente, só ela brilha) e Ticket (ciano do bilhete) */
  --au-coin: #ffcc00;
  --au-coin-escuro: #a87b1e;
  --au-aura-1: #7df9ff;
  --au-aura-2: #c77dff;
  --au-aura-3: #ff7ad9;
  --au-aura-brilho: #ffffff;
  --au-ticket: #4cd3e6;

  /* Raridade (5 níveis; o quinto, lendário, usa o metálico abaixo) */
  --au-r-comum: #aab2c0;
  --au-r-bom: #2f7de1;
  --au-r-raro: #f2c11b;
  --au-r-perfeito: #9b4de0;

  /* Dourado metálico: só Shiny e Lendário */
  --au-shiny-1: #8f6a00;
  --au-shiny-2: #ffd84a;
  --au-shiny-3: #fff6c0;
  --au-shiny-4: #c99a12;

  /* Forma */
  --au-raio-1: 4px;
  --au-raio-2: 8px;
  --au-raio-3: 12px;
  --au-raio-4: 18px;
  --au-raio-pilula: 999px;
  --au-barra-h: 18px; /* altura única das barras com texto (>= 1,5x a fonte de 11px) */
  --au-esp-1: 4px;
  --au-esp-2: 8px;
  --au-esp-3: 12px;
  --au-esp-4: 16px;
  --au-esp-5: 24px;
  --au-esp-6: 32px;
  --au-sombra-janela: 0 28px 90px #0009;
  --au-sombra-cartao: 0 6px 18px #0006;
  --au-brilho-sel: 0 0 0 2px #2fd8f0, 0 0 14px #2fd8f066;
  --au-toque: 40px;

  /* Tipografia */
  --au-fonte-titulo: Cinzel, Georgia, serif;
  --au-fonte-texto: 'Saira Semi Condensed', system-ui, sans-serif;
  --au-fonte-num: 'Aura Numerals', 'Saira Semi Condensed', system-ui, sans-serif;
  --au-t-1: 11px;
  --au-t-2: 13px;
  --au-t-3: 15px;
  --au-t-4: 18px;
  --au-t-5: 24px;
  --au-t-6: 32px;

  /* Tipos de Pokémon (espelham TYPEC de ui.js; só para pílula e ícone de tipo) */
  --au-tipo-normal: #9aa3ad;
  --au-tipo-fire: #e2683a;
  --au-tipo-water: #3b82f6;
  --au-tipo-electric: #e5c12a;
  --au-tipo-grass: #5aa83c;
  --au-tipo-ice: #60c9d6;
  --au-tipo-fighting: #c0392b;
  --au-tipo-poison: #a455c2;
  --au-tipo-ground: #b98b4a;
  --au-tipo-flying: #7f9fd8;
  --au-tipo-psychic: #e0568c;
  --au-tipo-bug: #8fb02a;
  --au-tipo-rock: #a39562;
  --au-tipo-ghost: #6d5aa6;
  --au-tipo-dragon: #4c5dd8;
  --au-tipo-dark: #5a4a45;
  --au-tipo-steel: #8aa0b0;
  --au-tipo-fairy: #e79ad0;
}