/* Agregar las variables globales de color y tipografía aquí */


:root {
    /* fuentes */
    --main-font: 'cormorant', system-ui, sans-serif;
    --h1-font  : 'parisienne', system-ui, sans-serif;
    --h2-font  : 'junicode', system-ui, sans-serif;
    --h3-font  : 'asap', system-ui, sans-serif;

    /* colores */
    --font-color         : #4d654d;
    --primary-color      : #001950;
    --secondary-color    : #002169;
    --tertiary-color     : #884A8D;
    --primary-btn-color  : var(--tertiary-color);
    --header-font-color  : var(--primary-color);
    --header-bg-color    : transparent;
    --footer-bg-color    : var(--primary-color);
    --h1-color           : var(--primary-color);
    --h2-color           : var(--primary-color);
    --h3-color           : var(--primary-color);
  

    /* tamaños */
    --contenido             : 1200px;
    --main-font-size        : 20px;
    --header-font-size      : 15px;
    --header-small-font-size: 15px;
    --footer-font-size      : 16px;
    --h1-font-size          : 33px;
    --h2-font-size          : 23px;
    --h3-font-size          : 16px;
    --h1-small-font-size    : 33px;
    --h2-small-font-size    : 23px;
    --h3-small-font-size    : 16px;

    /* margenes entre secciones */
    --margin-sections: 100px 0;


    /* shadow */
    --text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
    --box-shadow : 0 5px 10px rgb(0, 0, 0, 0.1);
}