/* Exemplo de cores laranja */
body {
  background-color: #121212; /* mantém fundo escuro */
  color: #fff;
}

/* Header */
header p {
  color: #fff;
}
header .header-countdown-timer {
  color: #ff6f00; /* laranja vibrante */
}

/* Títulos */
.about-title, h1.title {
  color: #ff6f00;
}

/* Botão principal */
.about-button {
  background-color: #ff6f00;
  color: #fff;
  box-shadow: 0 0 10px #ff6f00cc;
  transition: box-shadow 0.3s ease;
}
.about-button:hover {
  box-shadow: 0 0 20px #ff6f00ff;
}

/* Descrição */
.about-description span {
  color: #ff6f00;
}

/* Jogos container */
.game-container {
  box-shadow: 0 0 8px #ff6f0040; /* sombra laranja suave */
}
.game-container:hover {
  box-shadow: 0 0 16px #ff6f00cc;
}

/* Títulos dos jogos */
.game-title {
  color: #ff6f00;
}

/* Barras de porcentagem */
.container-g-percentage-bar {
  background: linear-gradient(90deg, #ff6f00 0%, #ffb74d 100%);
  animation: pulseOrange 2.5s infinite;
}

/* Botões jogar */
.container-g-button {
  background-color: #ff6f00;
  color: #fff;
  transition: background-color 0.3s ease;
}
.container-g-button:hover {
  background-color: #ff8700;
  box-shadow: 0 0 14px #ff6f00cc;
}

/* Paginação */
.pagination button {
  background-color: #ff6f00;
  color: #fff;
  transition: background-color 0.3s ease;
}
.pagination button:hover {
  background-color: #ff8700;
  box-shadow: 0 0 14px #ff6f00cc;
}

/* Animação pulse */
@keyframes pulseOrange {
  0%, 100% { opacity: 1; box-shadow: 0 0 6px #ff6f0040; }
  50% { opacity: 0.7; box-shadow: 0 0 18px #ff6f00cc; }
}