:root {
    --color-main: #f9f9f9;
    --color-main-font: #253941;
    --color-main-font-hover: #f08a35;
    --color-main-headings-font: #d77a61;
    --color-main-alt: #F1E6DD;
    --color-main-alt-font: #262626;
    --color-main-alt-font-hover: #f08a35;
    --color-main-third: #e3e3e3;
    --color-main-third-font: #262626;
    --color-main-third-font-hover: #f08a35;    
    --color-header: #fff;
    --color-header-logo-bg: #fff;
    --color-prim-menu-font: #000;
    --color-prim-menu-font-hover: #f08a35;
    --color-mob-menu: #231f1c;
    --color-mob-menu-font: #fff;
    --color-mob-menu-font-hover: #f08a35;
    --color-footer: #231f1c;
    --color-footer-font: #ffffff;
    --color-footer-font-hover: #f08a35;
    --font-primary: 'industry', sans-serif;
    --font-secondary: 'Noto Sans', sans-serif;
    
    --image-overlay: rgba(0, 0, 0, 0.0);
    --image-overlay-bottom: rgba(0, 0, 0, 0.6);
    --image-overlay-font: #ffffff;
    --image-overlay-font-hover: #2a9372;
    --button-bg: #F28B32;
    --button-font: #000;
    --button-hover-bg: #f09444;
    --button-hover-font: #000;
    --header-logo-width: 240px;
    --header-logo-width-mobile: 180px;
    --header-logo-width-small: 150px;
    --header-logo-width-small-mobile: 130px;

    --color-navi-mottatt: #f08a35;
    --color-navi-mottatt-font: #231f1c;
    --color-navi-kunde: #231f1c;
    --color-navi-kunde-font: #f08a35;

    /* Translucent "glass" surfaces: header, front page button panel and bottom bar */
    --color-glass: color-mix(in srgb, var(--color-header) 50%, transparent);
    --color-glass-omoss: rgba(255, 255, 255, 0.65);
    --color-glass-omoss-font: #000;
    --color-glass-omoss-font-hover: #f08a35;
    --color-fp-overlay-font: #ffffff;
    --color-fp-overlay-font-hover: #f08a35;

    --color-accordion-bg: #fff;
    --color-accordion-bg-hover: #f1f1f1;
    --color-accordion-font: #262626;
}