/*Define custom here*/
@font-face{
    font-family: 'FrutigerRegular';
    src: url('../fonts/Frutiger.ttf') format('truetype');
}
@font-face{
    font-family: 'FrutigerBold';
    src: url('../fonts/Frutiger_bold.ttf') format('truetype');
}

/*Variables*/
:root {
    /*Custom fonts*/
    --font-roboto-serif-regular: 'FrutigerRegular';
    --font-roboto-serif-bold: 'FrutigerBold';

    --font-family-bold: var(--font-roboto-serif-bold);
    --font-family-bold-weight: normal;
    --font-family-semibold-weight: normal;

    /*General color variables*/
    --accent-color-decimal: 11, 66, 131;
    --primary-text-color-decimal: 34, 48, 58;
    --link-color-decimal: 11, 66, 131;
    --custom-background-color: #fff;
    --switcher-bg: #F5F6F7;
    --layout-bg: #e8eced;

    /*Loading spinner*/
    --spinner-default-color: var(--accent-color);

    /*Buttons*/
    --button-shadow: none;
    --button-hover-shadow: none;
    --button-radius: 0;
    --button-large-radius: 0;
    --btn-flat-shadow: none;

    /*Header*/
    --header-information-link-color: var(--primary-text-color);

    /*Footer*/
    --footer-text-color: #fff;
    --footer-link-color: #fff;
    --footer-input-color: #fff;
    --footer-field-value-color: #fff;
    --footer-line-ripple-color: #fff;
    --footer-background: var(--accent-color);
    --footer-copy-text-background: var(--accent-color);
}