/* Cores e unidade de tamanho que a TV e a plataforma dividem.
   Tema escuro é o padrão; o claro vale quando o sistema pede ou quando escolhido no botão. */
:root {
  --fundo: #0e1116; --cartao: #161b22; --borda: #262d38; --texto: #f2f4f7; --suave: #8b95a5;
  --destaque: #5cb8ff; --trilho: #262d38; --erro: #ff6b6b; --alta: #3fb950; color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  :root:not([data-tema="escuro"]) {
    --fundo: #f6f7f9; --cartao: #ffffff; --borda: #dde2e8; --texto: #12161c; --suave: #5b6472;
    --destaque: #0b5cad; --trilho: #e3e8ee; --erro: #c62828; --alta: #1a7f37; color-scheme: light;
  }
}
:root[data-tema="claro"] {
  --fundo: #f6f7f9; --cartao: #ffffff; --borda: #dde2e8; --texto: #12161c; --suave: #5b6472;
  --destaque: #0b5cad; --trilho: #e3e8ee; --erro: #c62828; --alta: #1a7f37; color-scheme: light;
}
/* Unidade de tamanho da TV: acompanha a largura, mas encolhe quando a tela é
   mais baixa que 16:9 (ex.: janela não maximizada), para nada se sobrepor. */
:root { --u: min(1vw, 1.6vh); }
* { box-sizing: border-box; }