/* Estilos por defecto (tema claro) */
:root {
    --content-width: 60%;
    --primary-color: #30ce1f;
    --background-color: #ffffff;
    --background-color-trans: rgba(255, 255, 255, 0.75);
    --background-secundary: #f2f2f2;
    --background-hover: #f2f2f2bd;
    --text-color: #333333;
    --highlight-text-color: #30ce1f;
    --border-color: #5a595934;
}

/* Tema oscuro */
.dark-mode {
    --primary-color: #30ce1f;
    --background-color: #333333;
    --background-color-trans: rgba(51, 51, 51, 0.75);
    --background-secundary: #555555;
    --background-hover: #666666f3;
    --text-color: #ffffff;
    --highlight-text-color: #30ce1f;
    --border-color: #ffffff5b;
}