/* ************************************* */
/*                                       */
/* Variables: Fixed colors               */
/*                                       */
/* ************************************* */

:root, 
[data-theme="default"] {  
    --color-red: #DF573C;
    --color-olive:  olivedrab;
    --color-dimgray:  dimgray;
}



/* ************************************* */
/*                                       */
/* Variables: LMd theme                  */
/*                                       */
/* ************************************* */
/* ************************************* */
/* Layout                                */
/* ************************************* */

:root,
[data-theme="default"] {
    --layout-page-maxwidth: 1400px;
    --layout-page-maxwidth-with-padding: 1440px;
}


/* ************************************* */
/* Box model                             */
/* ************************************* */

:root,
[data-theme="default"] {
    --padding-primary-horizontal-rem: 1.25rem;
    --padding-primary-horizontal-px: 20px;
    --padding-primary-vertical-rem: 1.25rem;
    --padding-primary-vertical-px: 20px;
    --margin-primary-horizontal-rem: 1.25rem;
    --margin-primary-horizontal-px: 20px;
    --margin-primary-vertical-rem: 1.25rem;
    --margin-primary-vertical-px: 20px;
    --padding-secondary-horizontal-rem: 2.5rem;
    --padding-secondary-horizontal-px: 40px;
    --padding-secondary-vertical-rem: 2.5rem;
    --padding-secondary-vertical-px: 40px;
    --margin-secondary-horizontal-rem: 2.5rem;
    --margin-secondary-horizontal-px: 40px;
    --margin-secondary-vertical-rem: 2.5rem;
    --margin-secondary-vertical-px: 40px;
    --padding-tertiary-vertical-px: 30px;
    --margin-tertiary-vertical-px: 30px;
    --padding-quaternary-vertical-px: 50px;
}

@media only screen and (max-width: 575px) {

    :root,
    [data-theme="default"] {
        --padding-primary-vertical-px: 10px;
        --margin-primary-vertical-px: 10px;
        --padding-secondary-vertical-px: 20px;
        --margin-secondary-vertical-px: 20px;
        --padding-tertiary-vertical-px: 20px;
        --margin-tertiary-vertical-px: 15px;
        --padding-quaternary-vertical-px: 20px;
    }

}


/* ************************************* */
/* Fonts and typography                  */
/* ************************************* */

:root,
[data-theme="default"] {
    --font-primary: Georgia, sans-serif;
    --font-primary-weight: 400;
    --font-primary-size: 16px;
    --font-secondary: 'Fira Sans',Helvetica,Arial,sans-serif;
    --font-headline: 'Fira Sans',Helvetica,Arial,sans-serif;
    --font-headline-big: 'Fira Sans',Helvetica,Arial,sans-serif;
    --font-paragraph: Georgia, serif;
    --font-paragraph-weight: 400;
    --font-paragraph-size: 17px;
    --font-paragraph-lineheight: 150%;
    --font-size-large: 20px;
    --font-size-small: 15px;
    --font-size-smaller: 14px;
}


/* ************************************* */
/* Colors                                */
/* ************************************* */

:root,
[data-theme="default"] {  
    --color-primary: #333;
    --color-dark: black;
    --color-light: white;
    --color-accent: #1A8AAA;
    --color-accent-light: rgb(52, 147, 173); /* #3493AD */
    --color-accent-dark: rgb(39, 115, 135);
    --color-legacy: #6991AA;
    --color-accent2: #C90A1C;
    --color-accent2-trans: rgba(201,10,28,0.1);
    --color-accent3: #E5B200;
    --color-fulltext: #404040;
    --color-grey-light: #F0F0ED;
    --color-grey: #DEDCD3;
    --color-grey-dark: #777;
    --color-grey-darkest: #434343;
    --color-france: #897E7E;
    --color-overlay: rgba(255, 255, 255, 0.5);
}


/* ******************************************************************* */
/* Local color: BODY Background                                        */
/* ******************************************************************* */

body {  
    --color-back-body:#F0F0ED;
}

.footer,
.copyright {
    --font-footer: 'Fira Sans',Helvetica,Arial,sans-serif;
}

.page__nav__inner,
.mainnav {
    --font-nav: 'Fira Sans',Helvetica,Arial,sans-serif;
    --font-nav-weight: 400;
    --font-nav-size: 16px;
    --font-nav-transform: uppercase;
}

.page__header {
    --font-header: 'Fira Sans',Helvetica,Arial,sans-serif;
    --font-header-weight: 400;
    --font-header-size: 16px;
}