:root {
    --color-fondo: #ffe4dd;
    --color-header: #b65068;
    --color-texto-header: #FFF9F9;
    --color-titulos-grandes: #7a2947;
    --color-texto: #49182a;
    --color-underline: #F4998D;
    --color-hover-nav: #F4796B;
    --color-submenu: #c7586c;
    --submenu-text: #ffffff;
    --submenu-hover: #A53860;
    --color-titulos: #F9B5AC;
    --color-botones: #441f31;
    --color-footer: #5D2A42;
    --color-texto-footer: #F9F9F9;
    --color-tarjetas: #e6e6e6;
    --color-tarjetas-fondo: #96526a;
    --color-fondo-formulario: #e9c2d0;
}

html.dark-mode {
    --color-fondo: #122D3B;
    --color-header: #0b5f79;
    --color-texto-header: #F9F9F9;
    --color-titulos-grandes: #D4E1F0;
    --color-texto: #F1F1F1;
    --color-underline: #00A896;
    --color-hover-nav: #3898a5;
    --color-submenu: #028090;
    --submenu-text: #F9F9F9;
    --submenu-hover: #38a593;
    --color-titulos: #F9B5AC;
    --color-botones: #028090;
    --color-footer: #0f4150;
    --color-texto-footer: #F9F9F9;
    --color-tarjetas: #F9F9F9;
    --color-tarjetas-fondo: #216869;
    --color-fondo-formulario: #174c4d;
}