:root {
	--color-primary: var(--color-primary-500);
	--color-secondary: var(--color-secondary-500);
	--color-tertiary: var(--color-tertiary-500);
	--color-success: var(--color-success-500);
	--color-warning: var(--color-warning-500);
	--color-information: var(--color-information-500);
	--color-error: var(--color-error-500);
	--color-neutral: var(--color-neutral-500);
	--color-white-alpha: var(--color-white-alpha-500);

	--background: var(--white);
	--on-background: var(--color-primary);
	--overlay: var(--color-secondary);
	--on-overlay: var(--white);
	--stroke: var(--color-primary-200);
	--overlay-stroke: var(--color-secondary);

	/* Global Variables */
	--text-color: var(--color-primary);
	--background-color: inherit;

	--body-smartphone: var(--body-large-weight-smartphone) var(--body-large-size-rem-smartphone)/var(--body-large-line-height-rem-smartphone) var(--body-large-font-smartphone);
	--body-tablet: var(--body-large-weight-tablet) var(--body-large-weight-tablet) var(--body-large-size-rem-tablet)/var(--body-large-line-height-rem-tablet)  var(--body-large-font-tablet);
	--body-desktop: var(--body-large-weight-desktop) var(--body-large-size-rem-desktop)/var(--body-large-line-height-rem-desktop) var(--body-large-font-desktop);

	--heading-small-smartphone: var(--heading-small-weight-smartphone) var(--heading-small-size-rem-smartphone)/var(--heading-small-line-height-rem-smartphone) var(--heading-small-font-smartphone);
	--heading-small-tablet: var(--heading-small-weight-tablet) var(--heading-small-size-rem-tablet)/var(--heading-small-line-height-rem-tablet)  var(--heading-small-font-tablet);
	--heading-small-desktop: var(--heading-small-weight-desktop) var(--heading-small-size-rem-desktop)/var(--heading-small-line-height-rem-desktop)  var(--heading-small-font-desktop);

	--heading-medium-smartphone: var(--heading-medium-weight-smartphone) var(--heading-medium-size-rem-smartphone)/var(--heading-medium-line-height-rem-smartphone) var(--heading-medium-font-smartphone);
	--heading-medium-tablet: var(--heading-medium-weight-tablet) var(--heading-medium-size-rem-tablet)/var(--heading-medium-line-height-rem-tablet)  var(--heading-medium-font-tablet);
	--heading-medium-desktop: var(--heading-medium-weight-desktop) var(--heading-medium-size-rem-desktop)/var(--heading-medium-line-height-rem-desktop)  var(--heading-medium-font-desktop);

	--heading-large-smartphone: var(--heading-large-weight-smartphone) var(--heading-large-size-rem-smartphone)/var(--heading-large-line-height-rem-smartphone) var(--heading-large-font-smartphone);
	--heading-large-tablet: var(--heading-large-weight-tablet) var(--heading-large-size-rem-tablet)/var(--heading-large-line-height-rem-tablet)  var(--heading-large-font-tablet);
	--heading-large-desktop: var(--heading-large-weight-desktop) var(--heading-large-size-rem-desktop)/var(--heading-large-line-height-rem-desktop)  var(--heading-large-font-desktop);

	--label-small-smartphone: var(--label-small-weight-smartphone) var(--label-small-size-rem-smartphone)/var(--label-small-line-height-rem-smartphone) var(--label-small-font-smartphone);
	--label-small-tablet: var(--label-small-weight-tablet) var(--label-small-size-rem-tablet)/var(--label-small-line-height-rem-tablet)  var(--label-small-font-tablet);
	--label-small-desktop: var(--label-small-weight-desktop) var(--label-small-size-rem-desktop)/var(--label-small-line-height-rem-desktop)  var(--label-small-font-desktop);

	--label-medium-smartphone: var(--label-medium-weight-smartphone) var(--label-medium-size-rem-smartphone)/var(--label-medium-line-height-rem-smartphone) var(--label-medium-font-smartphone);
	--label-medium-tablet: var(--label-medium-weight-tablet) var(--label-medium-size-rem-tablet)/var(--label-medium-line-height-rem-tablet)  var(--label-medium-font-tablet);
	--label-medium-desktop: var(--label-medium-weight-desktop) var(--label-medium-size-rem-desktop)/var(--label-medium-line-height-rem-desktop)  var(--label-medium-font-desktop);

	--label-large-smartphone: var(--label-large-weight-smartphone) var(--label-large-size-rem-smartphone)/var(--label-large-line-height-rem-smartphone) var(--label-large-font-smartphone);
	--label-large-tablet: var(--label-large-weight-tablet) var(--label-large-size-rem-tablet)/var(--label-large-line-height-rem-tablet)  var(--label-large-font-tablet);
	--label-large-desktop: var(--label-large-weight-desktop) var(--label-large-size-rem-desktop)/var(--label-large-line-height-rem-desktop)  var(--label-large-font-desktop);

	--display-smartphone: var(--display-large-weight-smartphone) var(--display-large-size-rem-smartphone)/var(--display-large-line-height-rem-smartphone) var(--display-large-font-smartphone);
	--display-tablet: var(--display-large-weight-tablet) var(--display-large-size-rem-tablet)/var(--display-large-line-height-rem-tablet)  var(--display-large-font-tablet);
	--display-desktop: var(--display-large-weight-desktop) var(--display-large-size-rem-desktop)/var(--display-large-line-height-rem-desktop)  var(--display-large-font-desktop);

	--title-small-smartphone: var(--title-small-weight-smartphone) var(--title-small-size-rem-smartphone)/var(--title-small-line-height-rem-smartphone) var(--title-small-font-smartphone);
	--title-small-tablet: var(--title-small-weight-tablet) var(--title-small-size-rem-tablet)/var(--title-small-line-height-rem-tablet)  var(--title-small-font-tablet);
	--title-small-desktop: var(--title-small-weight-desktop) var(--title-small-size-rem-desktop)/var(--title-small-line-height-rem-desktop)  var(--title-small-font-desktop);

	--title-large-smartphone: var(--title-large-weight-smartphone) var(--title-large-size-rem-smartphone)/var(--title-large-line-height-rem-smartphone) var(--title-large-font-smartphone);
	--title-large-tablet: var(--title-large-weight-tablet) var(--title-large-size-rem-tablet)/var(--title-large-line-height-rem-tablet)  var(--title-large-font-tablet);
	--title-large-desktop: var(--title-large-weight-desktop) var(--title-large-size-rem-desktop)/var(--title-large-line-height-rem-desktop)  var(--title-large-font-desktop);

	@media screen and (min-width: 481px) {
		padding-left: 0;
		padding-right: 0;
	}

}

html {

	font: var(--body-smartphone);

	p {

		@media screen and (min-width: 481px) {
			font: var(--body-tablet);
		}

		@media screen and (min-width: 769px) {
			font: var(--body-desktop);
		}
	}
}

b,
strong {
	font-weight: var(--typeface-weight-bold);
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/* Hide in all block editors EXCEPT the Site Editor (pattern/template editor) */
.block-editor-page .only-front {
	display: none;
}

.is-site-editor .only-front {
	display: block;
}

/* Buttons */
:root :where(.wp-element-button, .wp-block-button__link) {
    line-height: 1.5 !important;
    padding: 8px 20px !important;
}