/* Hämeen Auto */

:root {
    /* background */
    --launch-page-bg-image: url("https://storage.googleapis.com/rcs-media/static/lohjanportinauto/Light-version-Customer-Service-Process-Retail_2018_35.jpg");
    /* dimensions */
    --height-hdr: 90px;
    --height-ftr-upper: 35px;
    --height-ftr-lower: 70px;
    /* fonts */
    --font-body: 'Inter', Montserrat;
    --font-scale: 1.0;
    /* main colors */
    --color-primary: #0A1F4F;  
    --color-header: #ffffff;
    --color-primary-light: #CED9E5;
    --color-secondary: #F0DFC6;
    --color-light: #fff;
    --color-medium: #aaa;
    --color-medium-plus: #575757;
    --color-dark: #222830;
    --color-error: #dc3545;
    /* main colors rgba */
    --color-rgba-primary: rgba(32, 42, 68, 1.0);
    /* header */
/*    --color-hdr-bg: var(--color-primary);*/
	--color-hdr-bg: var(--color-header);
    --color-hdr-border: var(--color-primary);
    --color-hdr-font: var(--color-dark);
    /* footer */
    --color-ftr-upper-bg: var(--color-primary-light);
    --color-ftr-upper-font: var(--color-primary);
    --color-ftr-lower-bg: var(--color-primary);
    --color-ftr-lower-font: var(--color-light);
    /* main */
    --color-main-bg: var(--color-light);
    --color-main-border: var(--color-primary);
    --color-main-font-h1: var(--color-dark);
    --color-main-font-p: var(--color-dark);
    /* navi */
    --color-stepper-bg: var(--color-light);
    --color-stepper: var(--color-dark);
    --color-stepper-active: var(--color-light);
    --color-stepper-active-bg: var(--color-primary);
    --color-stepper-active-font: var(--color-primary);
    --color-stepper-disabled: var(--color-medium);
    /* buttons */
    --color-btn-bg: var(--color-primary);
    --color-btn-bg-focus: var(--color-primary-light);
    --color-btn-font: var(--color-light);
    --color-btn-font-focus: var(--color-primary);
    --color-btn-ftr-bg: var(--color-light);
    --color-btn-ftr-bg-focus: var(--color-primary-light);
    --color-btn-ftr-font: var(--color-primary);
    /* checkboxes */
    --color-cb-border: var(--color-primary);
    --color-cb-checked-bg: var(--color-primary);
    --color-cb-shadow: var(--color-primary);
    /* cards */
    --color-card-bg-active: var(--color-primary-light);
    --color-card-border: var(--color-medium);
    --color-card-border-active: var(--color-primary);
    /* accordions */
    --color-accordion-bg: var(--color-primary);
    --color-accordion-font: var(--color-light);
    --color-accordion-open-bg: var(--color-primary-light);
    --color-accordion-open-font: var(--color-primary);
    --color-accordion-border: var(--color-primary);
}