@font-face {
    font-family: "Fraunces 72";
    src: url("fonts/fraunces72ptbold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Fraunces 72";
    src: url("fonts/fraunces72ptbolditalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: "Neutraface 2 Text";
    src: url("fonts/neutra2textbold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Neutraface 2 Text";
    src: url("fonts/neutra2textdemi.otf") format("opentype");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Neutraface 2 Text";
    src: url("fonts/neutra2textbook.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
}

:root {
    --heading-font: "Fraunces 72", Museo_Rounded, Arial, Helvetica, sans-serif;
    --button-font: "Neutraface 2 Text", Museo_Rounded, Arial, Helvetica, sans-serif;
    --secondary-text-font: "Neutraface 2 Text", Museo_Rounded, Arial, Helvetica, sans-serif;
    --tertiary-text-font: "Neutraface 2 Text", Museo_Rounded, Arial, Helvetica, sans-serif;
    --main-colour: #58673e;
    --darker-colour: #c6a04b;
    --main-background-colour: #f5f6f8;
    --header-colour: #58673e;
    --header-text-colour: #fff;
    --header-logo: url('/_assets/themes/characterinns/logo.svg') no-repeat;
    --header-width: 130px;
    --header-height: 55px;
    --postcode-background-color: #c6a04b;
    --postcode-button-color: var(--main-colour);
    --footer-colour: #58673e;
    --nav-icon-colour: #c6a04b;
    --home-banner-background-image: none;
    --home-banner-background-colour: #c6a04b;
    --home-banner-text-colour: #fff;
    --home-background-image: none;
    --home-advert-background-colour: #c6a04b;
    --home-advert-font-colour: #fff;
}

h1, h2, .heading-large {
    font-family: var(--heading-font);
    font-weight: 700;
}
a, button, .btn, .button-bold {
    font-family: var(--button-font);
    font-weight: 700;
}
.text-secondary {
    font-family: var(--secondary-text-font);
    font-weight: 600;
}
.text-tertiary {
    font-family: var(--tertiary-text-font);
    font-weight: 400;
}