:root {

    /* Colores */
    --primary-color: #273666;       /* Azul */
    --secondary-color: #FDE72C;     /* Amarillo */
    --tertiary-color: #CDC24E;     /* Amarillo-verdoso */
    --fourth-color: #306635;      /* Verde */
    --fourth-color-dark: #17491c;      /* Verde oscuro */
    --fifth-color: #BE0D15;    /* Rojo */

    --background-color: #f7f7f7;

    /* Fuentes */
    --primary-font: 'Open Sans', sans-serif;
    --secondary-font: 'Open Sans', sans-serif;

    /* Tamaños de fuente */
    --extralarge-font-size: 26px;
    --large-font-size: 18px;
    --medium-font-size: 14px;
    --small-font-size: 12px;

    /* Sombras */
    --material-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.025), 0 3px 14px 2px rgba(0, 0, 0, 0.025);
}

@media (max-width: 992px) {
    :root {
        --extralarge-font-size: 22px;
        --large-font-size: 16px;
        --medium-font-size: 13px;
        --small-font-size: 12px;
    }
}

@media (max-width: 768px) {
    :root {
        --extralarge-font-size: 19px;
        --large-font-size: 15px;
        --medium-font-size: 12px;
        --small-font-size: 11px;
    }
}