/* Identidade ArPlay (do XD antigo): fundo preto, painéis grafite,
   rosa / verde / azul das setas e Roboto no texto. Visual escuro de propósito. */
:root {
  --preto: #0f0f0f;
  --painel: #1c1c1c;
  --painel-2: #242424;
  --linha: #2d2d2d;
  --texto: #f4f4f4;
  --cinza: #a5a5a5;
  --cinza-2: #707070;
  --azul: #04a6fc;
  --verde: #0bd690;
  --rosa: #f62b6d;
  --amarelo: #ffb12a;
  --display: "Outfit", "Roboto", system-ui, sans-serif;
  --corpo: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body { background: var(--preto); color: var(--texto); font: 15px/1.5 var(--corpo); -webkit-tap-highlight-color: transparent; }
[hidden] { display: none !important; }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--azul); outline-offset: 2px; }

.ap-logo { display: inline-flex; align-items: center; gap: .35em; font: 600 1em/1 var(--display); letter-spacing: -0.01em; color: var(--texto); }
.ap-logo .ap-icone { height: 1.05em; width: auto; }
.ap-nome b { font-weight: 300; }