/* public/style.css */

/*
  Define a cor da grelha como uma variável CSS.
  Isto permite que a cor mude dinamicamente com o tema.
*/
:root {
  /* Cor padrão (para o tema claro): linhas cinzentas muito subtis */
  --grid-line-color: rgba(0, 0, 0, 0.05); 
}

html.dark {
  /* Cor para o tema escuro: linhas brancas subtis */
  --grid-line-color: rgba(255, 255, 255, 0.05); 
}

.background-grid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Usa a variável CSS para definir a cor das linhas */
  background-image:
      linear-gradient(to right, var(--grid-line-color) 1px, transparent 1px),
      linear-gradient(to bottom, var(--grid-line-color) 1px, transparent 1px);
  background-size: 40px 40px; 
  z-index: 0; 
}

body {
  position: relative;
}