:root, .w-theme-light {
    /* --- COLORES PRIMARIOS (Rojo Oscuro) --- */
    --w-color-primary: #55161E; /* Color principal, sin cambios */
    --wagtail-color-primary: #55161E; /* Alias para el color principal */
    --w-color-primary-200: #55161E; /* Tono mucho más claro del primario para fondos o elementos sutiles */
    --w-color-text-link-default: #a78d5d; /* Los enlaces usan el color primario para destacar sobre fondos claros */

    /* --- COLORES SECUNDARIOS (Dorado/Beige) --- */
    --w-color-secondary: #55161E; /* Color secundario principal */
    --w-color-secondary-600: #a78d5d; /* Tono más oscuro del secundario, para texto o bordes */
    --w-color-secondary-400: #e0c99a; /* Tono ligeramente más claro/brillante que el base */
    --w-color-secondary-100: #f5eedb; /* Tono muy claro del secundario, ideal para fondos de sección */
    --w-color-secondary-75: #f9f4e9; /* Tono casi blanco con un toque dorado, para hovers sutiles */
    
    /* --- ELEMENTOS DE INTERFAZ Y ACCEfSIBILIDAD --- */
    --w-color-border-button-outline-hover: #55161E; /* Borde de botón al pasar el ratón, usa el primario para énfasis */
    --w-color-border-button-outline-default: #55161E; /* Borde de botón por defecto */
    --w-color-focus: #55161E; /* Color para el contorno de foco, es una variante visible del primario */
    
    /* --- SIDEBAR (BARRA LATERAL) --- */
    --sidebar-bg-color: #55161E; /* Usamos el color primario como fondo para una apariencia de marca fuerte y coherente */
    --sidebar-text-color: #f5eedb; /* Texto claro (derivado del secundario-100) para un excelente contraste sobre el fondo rojo oscuro */
    --sidebar-link-color: #55161E; /* Enlaces en la sidebar usan el color secundario para destacar claramente sobre el fondo primario */
}

.w-theme-dark {
   /* --- COLORES PRIMARIOS (Rojo Oscuro) --- */
    --w-color-primary: #55161E; /* Color principal, sin cambios */
    --wagtail-color-primary: #55161E; /* Alias para el color principal */
    --w-color-primary-200: #c48189; /* Tono mucho más claro del primario para fondos o elementos sutiles */
    --w-color-text-link-default: #d1b888; /* Los enlaces usan el color primario para destacar sobre fondos claros */

    /* --- COLORES SECUNDARIOS (Dorado/Beige) --- */
    --w-color-secondary: #d1b888; /* Color secundario principal */
    --w-color-secondary-600: #a78d5d; /* Tono más oscuro del secundario, para texto o bordes */
    --w-color-secondary-400: #e0c99a; /* Tono ligeramente más claro/brillante que el base */
    --w-color-secondary-100: #f5eedb; /* Tono muy claro del secundario, ideal para fondos de sección */
    --w-color-secondary-75: #f9f4e9; /* Tono casi blanco con un toque dorado, para hovers sutiles */
    
    /* --- ELEMENTOS DE INTERFAZ Y ACCEfSIBILIDAD --- */
    --w-color-border-button-outline-hover: #55161E; /* Borde de botón al pasar el ratón, usa el primario para énfasis */
    --w-color-border-button-outline-default: #55161E; /* Borde de botón por defecto */
    --w-color-focus: #75373f; /* Color para el contorno de foco, es una variante visible del primario */
    
    /* --- SIDEBAR (BARRA LATERAL) --- */
    --sidebar-bg-color: #55161E; /* Usamos el color primario como fondo para una apariencia de marca fuerte y coherente */
    --sidebar-text-color: #f5eedb; /* Texto claro (derivado del secundario-100) para un excelente contraste sobre el fondo rojo oscuro */
    --sidebar-link-color: #d1b888; /* Enlaces en la sidebar usan el color secundario para destacar claramente sobre el fondo primario */
}

.footer__container .button{
    border-color: #e3d9d3 !important;
}

.help-block {
    display: none;
}

.button {
    margin-bottom: 20px;
}