/* ----- VARIABLES GENERALES ----- */
:root {
/* ----- colores fondo ----- */
    --color-primario: #c4a67a;
    --color-secundario: #bea077;
    --color-neutro: #f9f6f1;
    --color-boton: #c4a67a;
    --color-borde-boton: #c4a67a;
    --color-over-boton: #554835;
    --color-over-borde-boton: #554835;
    --color-barra: #413223;
/* ----- colores texto sobre fondos ----- */
    --color-sobre-primario: #ffffff;
    --color-sobre-secundario: #413223;
    --color-sobre-neutro: #413223;
    --color-sobre-barra: #ffffff;
    --color-sobre-boton: #ffffff;
    --color-sobre-over-boton: #ffffff;
/* ----- colores texto ----- */
    --color-destacado: #413223;
    --color-destacado2: #000000;
    --color-activo: #a4804c;
    --color-inactivo: #7d7468;
    --color-generico: #413223;
    --color-over: #554835;
/* ----- fuentes ----- */
    --fuente-titulos: Crimson Text, serif;
    --fuente-generica: Crimson Text, serif;
    --fuente-alternativa: Manrope, sans-serif;
/* ----- tamaņos fuentes ----- */
    --tamano-1: 0.875rem;
    --tamano-2: 1rem;
    --tamano-3: 1.125rem;
    --tamano-4: 1.75rem;
    --tamano-5: 3rem;
}