* {
  --primary-color: #5b5b5b; /* gris oscuro, casi negro */
  --primary-color-2: #ffffff; /* gris oscuro, casi negro */
  --primary-color-rgb: 26, 26, 26;

  --secondary-color: #666666; /* gris medio */
  --secondary-color-rgb: 102, 102, 102;

  --background: #ffffff; /* blanco */

  --title-font-color: #1a1a1a; /* igual que primary-color */
  --body-font-color: #4d4d4d;  /* gris más suave */
  --dark-body-font-color: rgba(255, 255, 255, 0.75); /* blanco semi-transparente */

  --bg-color-even: #f2f2f2; /* gris claro */
  --bg-color-odd: #e6e6e6;  /* otro tono gris claro */

  --bg-dark-1: #000000;
  --bg-dark-1-rgb: 26, 26, 26;

  --bg-dark-2: #0d0d0d; /* más oscuro */
  --bg-dark-3: #262626; /* intermedio */
  --bg-dark-3-rgb: 38, 38, 38;

  --bg-grey: #d9d9d9; /* gris muy claro */
  --bg-light: #f5f5f5; /* casi blanco */
}