:root {
--base-color-text: #000;
--base-color-accent: rgb(0,60,140);
--base-color-accent-secondary: #e76d6a;
--base-color-background: #fff;
--base-font-family: "Poppins", verdana, sans-serif;
--base-font-size: 24px;
--base-font-size-small: 20px;
--base-font-size-medium: 48px;
--base-layout-width: 1400px;
--base-content-width: 850px;
--base-offset: 100px;
--base-space: 20px;
--font-size-medium-lh: 1.23;
--headings-font-family: "Piazzolla", times, serif;
--headings-line-height: 1.25;
--headings-font-size: 51px;
--topbar-height: calc(70px + 2rem);
--topbar-offset: var(--base-offset);
--topbar-background: var(--base-color-background);
--topbar-color: var(--base-color-text);
--topbar-color-accent: var(--base-color-accent);
--theme-color-background-light: rgb(225,220,211);
--theme-color-background-lighter: #f2f1ed;
--theme-font-size-medium-ex: 41px;
}
@media (max-width: 1400px) {
:root {
--base-offset: 70px;
--base-font-size-small: 18px;
}
}
@media (max-width: 1200px) {
:root {
--base-offset: 50px;
--base-font-size: 20px;
--base-font-size-small: 16px;
--base-font-size-medium: 36px;
--headings-font-size: 44px;
--theme-font-size-medium-ex: calc(var(--base-font-size-small) * 2)
}
}
@media (max-width: 599px) {
:root {
--base-font-size-small: 14px;
--base-offset: 20px;
--headings-line-height: 1;
--headings-font-size: 40px;
--base-font-size-medium: 26px;
}
}
:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)), 
:root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background)) {
background-color: initial !important;
}