/* barneveld.css */

@font-face {
    font-display: swap;
    font-family: 'Bree Serif';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/bree-serif-v17-latin-regular.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/fira-sans-v17-latin-regular.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/fira-sans-v17-latin-600.woff2') format('woff2');
}

:root {
    /* defaults */
    --default-color: #00747A;
    --default-font-family: "Fira Sans", sans-serif;
    /* font */
    --font-family-headings: "Bree Serif", sans-serif;
    --text-color: #333333;
    --text-size: 1rem; /* 16px */
    --text-font-weight: normal;
    --line-height: normal;
    /* h1 */
    --h1-color: #333333;
    --h1-text-size: 2.5rem; /* 40px */
    --h1-font-weight: 400;
    /* h2 */
    --h2-color: var(--default-color);
    --h2-text-size: 1.625rem; /*26px*/
    --h2-font-weight: 400;
    /* h3 */
    --h3-color: var(--default-color);
    --h3-text-size: 1.375rem; /*22px*/
    --h3-font-weight: 400;
    /* h4 */
    --h4-color: var(--default-color);
    --h4-text-size: 1.25rem; /*20px*/
    --h4-font-weight: 400;
    /* h5 */
    --h5-color: var(--default-color);
    --h5-text-size: 1.125rem; /*18px*/
    --h5-font-weight: 400;
    /* link */
    --link-color: var(--default-color);
    --link-hover-color: #004447;
    --link-font-weight: 400;
    /* button */
    --button-text-color: #FFF;
    --button-text-size: 1rem; /* 16px */
    --button-font-weight: 400;
    --button-height: 2rem; /* 32px */
    --button-padding: 4px 10px;
    --button-border-radius: 0px;
    --button-background-color: var(--default-color);
    --button-hover-text-color: #FFF;
    --button-hover-background-color: #004447;
    /* logo */
    --logo-width: 200px;
    --logo-margin: 5px 0;
    /* menu */
    --menu-text-color: #FFF;
    --menu-background-color: #006067;
    /* footer */
    --footer-text-color: #FFF;
    --footer-icon-color: #FFF;
    --footer-background-color: #006067;
}

/* barneveld.css */