@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;500&display=swap');

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Slab';
    font-weight: 500;
}

body,
table,
input,
textarea,
select,
option,
button,
p,
b,
strong,
footer {
    font: 20px/1.5 'Roboto Slab'; font-weight: 300;
}

:root {
    --text-normal: #774936;
    --text-bold: #333;
    --text-inverse: #FFF;


    --link-primary-text: #455EAB;
    --link-primary-text-hover: #3b5193;
    
    
    --site-background: #EEE;
    --site-background-alt: #FFF;
    --site-background-inverse: #000;
    
    
    --button-neutral-text: #FFF;
    --button-neutral-text-hover: #FFF;
    --button-neutral-background: #CCC;
    --button-neutral-background-hover: #BBB;
    
    
    --button-primary-text: #FFF;
    --button-primary-text-hover: #FFF;
    --button-primary-background: #455EAB;
    --button-primary-background-hover: #455EAB;
    
    
    --button-secondary-text: #FFF;
    --button-secondary-text-hover: #FFF;
    --button-secondary-background: #455EAB;
    --button-secondary-background-hover: #455EAB;
        

    --menu-text: #333;
    --menu-text-hover: #333;
    --menu-background: #FFF;
    --menu-background-hover: #CCC;

    
    --footer-background: #232526;
    --footer-text: #FFF;
    --footer-link: #FFF;
    --footer-link-hover: #FFF;
    --footer-title: #FFF;
    
    --form-text: #333;
    --form-background: #EEE;
    
    --border-primary: #455EAB;
    --border-secondary: #455EAB; 
    
    --h1-color: #455EAB;
    --h2-color: #576FBB;
    --h3-color: #6F84C5;
    --h4-color: #8799CF;
    



}