:root {
    /*Colores claros*/
    --color-bg-primary: #ededed;
    --color-bg-secondary: #ffff;
    --color-accent: rgba(255, 0, 204, 1);
    --color-text: #181818;
    --color-text-galery: #ffffff;
    --color-footer: #dadada;

    /* Tipografía */
    --font-base: "Helvetica Neue", Arial, sans-serif;
    --font-login: math;

    /* Espaciado */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 2rem;
}
[data-theme="dark"] { /*Esta seccíon se crea para que cuando la persona quiera cambiar a modo oscuro se renombre por estos estilos. Este se maneja por mediop del javascript en su respectivo lugar*/
    /*Colores oscuros*/
    --color-bg-primary: #181818;
    --color-bg-secondary: #222222;
    --color-accent: rgba(255, 0, 204, 1);
    --color-text: #d5dbdb;
    --color-text-galery: #ffffff;
    --color-footer: #333;
}