/* Tokens do LoteriaLab. Tema escuro único. Ver docs/layout.md.
   --acento e --g1…--gN são redefinidos por jogo num <style> do head.meta.php (config/jogos.php → cor, cores). */
:root {
  /* superfícies */
  --bg: #0b0a10;
  --bg-2: #110f18;
  --sup: #17151f;
  --sup-2: #211e2c;
  --sup-3: #2b2739;
  --linha: rgba(255, 255, 255, .08);
  --linha-2: rgba(255, 255, 255, .16);

  /* texto */
  --txt: #f3efe6;
  --txt-2: #c4bfd0;
  --muted: #8f89a0;
  --escuro: #0b0a10;

  /* destaque (cor do jogo) e termômetro (fixos, iguais em todos os jogos) */
  --acento: #d4ff3a;
  --marca: #d4ff3a;
  --quente: #ffd23f;
  --frio: #60a5fa;
  --bom: #4ade80;
  --ruim: #f87171;

  /* uma cor por linha do volante (até 10 linhas, na Lotomania) */
  --g1: #ff6b6b;
  --g2: #ffb547;
  --g3: #f5e050;
  --g4: #5be49b;
  --g5: #3dd6c6;
  --g6: #5cc8ff;
  --g7: #7c9cff;
  --g8: #b98cff;
  --g9: #f58bd8;
  --g10: #d6cfbf;

  /* tipografia */
  --f-display: 'Bricolage Grotesque', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Consolas, monospace;

  /* forma */
  --raio: 22px;
  --raio-m: 14px;
  --raio-p: 10px;
  --wrap: 1240px;
  --gutter: 16px;
  --header-h: 58px;
  --dock-h: 70px;
  --gap: 16px;
  --sombra: 0 18px 40px -20px rgba(0, 0, 0, .7);
}

.ll-g1 { --gc: var(--g1); }
.ll-g2 { --gc: var(--g2); }
.ll-g3 { --gc: var(--g3); }
.ll-g4 { --gc: var(--g4); }
.ll-g5 { --gc: var(--g5); }
.ll-g6 { --gc: var(--g6); }
.ll-g7 { --gc: var(--g7); }
.ll-g8 { --gc: var(--g8); }
.ll-g9 { --gc: var(--g9); }
.ll-g10 { --gc: var(--g10); }