html {
--iwk-font-size: 13pt;
--iwk-font-line-height: 1.8rem;
--iwk-font-size-half: 10pt;

--iwk-font-size-tablet: 12pt;
--iwk-font-line-height-tablet: 1.7rem;

--iwk-font-size-mobile: 13pt;
--iwk-font-line-height-mobile: 1.7rem;

--iwk-spacer: 2rem;
--iwk-spacer-half: 1rem;
--iwk-spacer-quarter: 0.5rem ;
--iwk-spacer-col: 2rem;
--iwk-spacer-row: 2rem;

--iwk-font-main: "Lato", "Open Sans", Tahoma, sans-serif;
--iwk-font-header: "Lato", "Open Sans", Tahoma, sans-serif;
--iwk-font-cite: 'Playfair Display', 'Times New Roman', Times, serif;
--iwk-font-clause: 'Playfair Display', 'Times New Roman', Times, serif;

--iwk-color-background: #f0f0f0;
--iwk-color-background-footer: var(--iwk-color-grey-dark);  

--iwk-color-teal: #75a9b3;  
--iwk-color-teal-light: #75a9b3;
--iwk-color-brown: #896568;
--iwk-color-brown-light: #896568;

--iwk-color-white: white;
--iwk-color-black: black;
--iwk-color-red: red;

--iwk-color-grey-dark: #444b50;  
--iwk-color-grey: #888;  
--iwk-color-grey-middle: #aaa;
--iwk-color-grey-light: #d4cfce;

--iwk-color-highlight: orange;      
}