:root {
  --color-crucigrama: #ffd507;
  --color-crucigrama--light: #fdffb6;
  --color-wordle: #de324c;
  --color-wordle--light: #ffadad;
  --color-sopa: #f4895f;
  --color-sopa--light: #ffd6a5;
  --color-sudoku: #95cf92;
  --color-sudoku--light: #d6fbcf;
  --color-cuadronumerico: #369acc;
  --color-cuadronumerico--light: #9bf6ff;
  --color-pangramax: #ac65ca;
  --color-pangramax--light: #bdb2ff;
  --color-saltaminas: #d63f8c;
  --color-saltaminas--light: #f5addb;
  --color-timequest: #cc8553;
  --color-timequest--light: #dec3b0;
  --color-cuatroencampo: #6ca450;
  --color-cuatroencampo--light: #cde0c1;

  --color-crucigrama-dm: var(--color-white-dm);
  --color-crucigrama--light-dm: #ccc;
  --color-wordle-dm: var(--color-white-dm);
  --color-wordle--light-dm: #ccc;
  --color-sopa-dm: var(--color-white-dm);
  --color-sopa--light-dm: #ccc;
  --color-sudoku-dm: var(--color-white-dm);
  --color-sudoku--light-dm: #ccc;
  --color-cuadronumerico-dm: var(--color-white-dm);
  --color-cuadronumerico--light-dm: #ccc;
  --color-pangramax-dm: var(--color-white-dm);
  --color-pangramax--light-dm: #ccc;
  --color-saltaminas-dm: var(--color-white-dm);
  --color-saltaminas--light-dm: #ccc;
  --color-timequest-dm: var(--color-white-dm);
  --color-timequest--light-dm: #ccc;
  --color-cuatroencampo-dm: var(--color-white-dm);
  --color-cuatroencampo--light-dm: #ccc;
}

[data-theme="dark"] {
  --color-crucigrama-dm: var(--color-white-dm);
  --color-crucigrama--light-dm: #ccc;
  --color-wordle-dm: var(--color-white-dm);
  --color-wordle--light-dm: #ccc;
  --color-sopa-dm: var(--color-white-dm);
  --color-sopa--light-dm: #ccc;
  --color-sudoku-dm: var(--color-white-dm);
  --color-sudoku--light-dm: #ccc;
  --color-cuadronumerico-dm: var(--color-white-dm);
  --color-cuadronumerico--light-dm: #ccc;
  --color-pangramax-dm: var(--color-white-dm);
  --color-pangramax--light-dm: #ccc;
  --color-saltaminas-dm: var(--color-white-dm);
  --color-saltaminas--light-dm: #ccc;
  --color-timequest-dm: var(--color-white-dm);
  --color-timequest--light-dm: #ccc;
  --color-cuatroencampo-dm: var(--color-white-dm);
  --color-cuatroencampo--light-dm: #ccc;
}