/* /////////////////////////////////////////////////////
/*
/* Global variables
/*
/* ////////////////////////////////////////////////// */

/* --------------------------------------------|
|                                              |
| Box model                                    |
|                                              |
|-------------------------------------------- */

:root,
[data-theme="default"],
[data-theme=""] {
	--layout-page-maxwidth: 1200px;
	--layout-page-maxwidth-with-padding: 1240px;
}

/* --------------------------------------------|
|                                              |
| Box model                                    |
|                                              |
|-------------------------------------------- */

:root,
[data-theme="default"],
[data-theme=""] {
	--padding-primary-horizontal-rem: 20rem;
	--padding-primary-horizontal-px: 20px;
	--padding-primary-vertical-rem: 20rem;
	--padding-primary-vertical-px: 20px;
	--margin-primary-horizontal-rem: 20rem;
	--margin-primary-horizontal-px: 20px;
	--margin-primary-vertical-rem: 20rem;
	--margin-primary-vertical-px: 20px;
	--padding-secondary-horizontal-rem: 40rem;
	--padding-secondary-horizontal-px: 40px;
	--padding-secondary-vertical-rem: 40rem;
	--padding-secondary-vertical-px: 40px;
	--margin-secondary-horizontal-rem: 40rem;
	--margin-secondary-horizontal-px: 40px;
	--margin-secondary-vertical-rem: 40rem;
	--margin-secondary-vertical-px: 40px;
	--padding-tertiary-vertical-px: 30px;
	--margin-tertiary-vertical-px: 30px;
	--padding-quaternary-horizontal-px: 80px;
	--margin-quaternary-horizontal-px: 80px;
	--padding-quaternary-vertical-px: 80px;
	--margin-quaternary-vertical-px: 80px;
}

/* --------------------------------------------|
|                                              |
| Fonts and typography                         |
|                                              |
|-------------------------------------------- */

:root,
[data-theme="default"],
[data-theme=""] {
	--font-primary: "PT Sans", serif;
	--font-primary-weight: 400;
	--font-primary-size: 16rem;
	--font-primary-lineheight: 150%;
	--font-secondary: Helvetica, Arial, sans-serif;
	--font-main-navigation: 22px;
	--font-headline: "Btp Normal", sans-serif;
	--font-headline-big: "Btp Normal", sans-serif;
	--font-fulltext: "PT Sans", serif;
	--font-fulltext-weight: 300;
	--font-fulltext-size: 16px;
	--font-fulltext-lineheight: 150%;
	--font-small-size: 14px;
	--font-smaller-size: 10px;
	--font-large-size: 18px;
}

/* --------------------------------------------|
|                                              |
| Colors                                       |
|                                              |
|-------------------------------------------- */

:root,
[data-theme="default"],
[data-theme=""] {
	--color-primary: #525252;
	--color-dark: black;
	--color-light: white;
	--color-accent-dark: #6a121f;
	--color-accent: #A81C31;
	--color-body: #f4f7f6;
    --color-local-quote: #AD3A37;
    --color-local-footer: #bcbcba;
	--color-accent-light: #D78051;
	--color-fulltext: #525252;
	--color-button: white;
	--color-shadow: rgba(0, 0, 0, 0.3);
	--color-overlay: rgba(0, 0, 0, 0.4);
	--color-overlay-light: rgba(255, 255, 255, 0.8);
	--color-disabled: #cfd0cf;
	--color-grey-light: #f4f7f6;
	--color-grey: #969696;
	--color-grey-dark: #b5afa1;
	--color-bronze: #a6850a;
	--color-editor: #ff5719;
	--color-development: #83cc0d;
	--color-success: #83cc0d;
	--color-warn: #ee1425;
	--color-error: #ee1425;
	--depot-blue-dark: #0073bf;
	--depot-grey-dark: #838679;
	--depot-grey: #b4b9a7;
	--depot-purple: #660099;
	--depot-green: #83cc0d;
	--depot-orange: #ff5719;
	--depot-bronze: #dcac00;
	--depot-bronze-dark: #a6850a;
	--depot-pink: #f15384;
}
