@font-face {
    font-family: 'fischerstrongOffice';
    src: url('../fonts/fischerstrongoffice.ttf') format('truetype'),
        url('../fonts/fischerstrongoffice.woff2') format('woff2'),
        url('../fonts/fischerstrongoffice.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'fischerstrongOffice';
    src: url('../fonts/fischerstrongoffice-italic.ttf') format('truetype'),
        url('../fonts/fischerstrongoffice-italic.woff2') format('woff2'),
        url('../fonts/fischerstrongoffice-italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'fischerstrongOffice';
    src: url('../fonts/fischerstrongoffice-semibold.ttf') format('truetype'),
        url('../fonts/fischerstrongoffice-semibold.woff2') format('woff2'),
        url('../fonts/fischerstrongoffice-semibold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'fischerstrongOffice';
    src: url('../fonts/fischerstrongoffice-semibold-italic.ttf') format('truetype'),
        url('../fonts/fischerstrongoffice-semibold-italic.woff2') format('woff2'),
        url('../fonts/fischerstrongoffice-semibold-italic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'fischerstrongOffice';
    src: url('../fonts/fischerstrongoffice-bold.ttf') format('truetype'),
        url('../fonts/fischerstrongoffice-bold.woff2') format('woff2'),
        url('../fonts/fischerstrongoffice-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'fischerstrongOffice';
    src: url('../fonts/fischerstrongoffice-bold-italic.ttf') format('truetype'),
        url('../fonts/fischerstrongoffice-bold-italic.woff2') format('woff2'),
        url('../fonts/fischerstrongoffice-bold-italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

:root {
    --font-main: 'fischerstrongOffice', Arial, Helvetica, sans-serif;
    --font-regular: normal;
    --font-medium: 500;
    --font-bold: 700;

    --color-principal: #ff0000; /*Ej: Color botones, hover de enlaces */
    --color-secundario: #e0ec5e; /*Ej: Contenedor saldo de cliente*/
    --color-terciario: #deeff6; /*Ej: Fondo menu homepage*/
    --color-texto-principal: #2d2a26; /*Ej: Texto, enlaces*/
    
    --fondo-principal: url('../img/fondo-principal.jpg'); /*Ej: Fondo pagina login, fondo cabecera homepage */
    --fondo-cabecera-pagina: url('../img/header-page-back.jpg'); /*Ej: Fondo cabecera formulario perfil cliente, fondo cabecera formulario cargar ticket*/
}