/* Tema: todas as cores e fontes das telas num lugar só.
   O refinamento visual futuro mexe aqui primeiro. */
:root {
  --fonte-titulo: "Avenir Next", "Montserrat", "Segoe UI", Roboto, system-ui, sans-serif;
  --fonte-texto: "Avenir Next", "Segoe UI", Roboto, system-ui, sans-serif;
  --peso-forte: 800;

  /* Tela de gravação */
  --fundo: #14101f;
  --fundo-brilho: #3a1f6e;
  --texto: #ffffff;
  --texto-suave: rgba(255, 255, 255, 0.72);
  --aro: #f4efff;
  --pino: #2b2147;
  --miolo: #ffffff;
  --miolo-borda: #1d1730;
  --ponteiro: #ffffff;
  --ponteiro-borda: #e0245e;
  --botao: #ffd23f;
  --botao-texto: #1d1730;
  --vencedor-fundo: rgba(20, 16, 31, 0.86);

  /* Até 12 fatias, usadas na ordem (com N restaurantes, as N primeiras).
     A ordem alterna tons distantes: nenhuma vizinha parecida, inclusive a
     última com a primeira, para qualquer quantidade de 2 a 12. */
  --fatia-1: #ff3b5c;  --fatia-texto-1: #ffffff;   /* vermelho */
  --fatia-2: #ffd23f;  --fatia-texto-2: #2a1d00;   /* amarelo */
  --fatia-3: #1fa8ff;  --fatia-texto-3: #ffffff;   /* azul */
  --fatia-4: #ffb000;  --fatia-texto-4: #2a1d00;   /* laranja dourado */
  --fatia-5: #7b4dff;  --fatia-texto-5: #ffffff;   /* roxo */
  --fatia-6: #19c37d;  --fatia-texto-6: #ffffff;   /* verde */
  --fatia-7: #ff4fd8;  --fatia-texto-7: #ffffff;   /* rosa */
  --fatia-8: #14c9c0;  --fatia-texto-8: #06302e;   /* turquesa */
  --fatia-9: #b8e04a;  --fatia-texto-9: #213000;   /* lima */
  --fatia-10: #3d5afe; --fatia-texto-10: #ffffff;  /* anil */
  --fatia-11: #ffa0c8; --fatia-texto-11: #4a0b26;  /* rosa claro */
  --fatia-12: #00b4d8; --fatia-texto-12: #002b36;  /* ciano */

  /* Confete */
  --confete: #ff3b5c, #ff8a1f, #ffd23f, #19c37d, #1fa8ff, #7b4dff, #ff4fd8, #ffffff;

  /* Tema claro dos formulários */
  --claro-fundo: #f5f3fa;
  --claro-cartao: #ffffff;
  --claro-texto: #1d1730;
  --claro-suave: #6b6580;
  --claro-borda: #ddd8ea;
  --claro-destaque: #7b4dff;
  --claro-destaque-texto: #ffffff;
  --claro-perigo: #e0245e;
  --claro-ok: #138a57;
  --raio: 14px;
}