:root {
--base-color-text: #000;
--base-color-accent: rgb(130,38,110);
--base-color-light: rgb(150,140,120);
--base-color-background: #fff;
--base-font-family: Brandon, verdana, sans-serif;
--base-font-weight: normal;
--base-line-height: 1.4;
--base-font-size: 20px;
--base-font-size-small: 0.8em;
--base-font-size-medium: 1.2em;
--base-headings-color: var(--base-color-accent);
--base-headings-font-family: Christmas, Verdana, sans-serif;
--base-headings-font-weight: normal;
--base-headings-line-height: 1.25;
--base-headings-font-size-1: 80px;
--base-headings-font-size-2: var(--base-headings-font-size-1);
--base-headings-font-size-3: 50px;
--base-headings-font-size-4: 30px;
--base-layout-width: 100%;
--base-content-width: 800px;
--base-content-width-wide: 1000px;
--base-content-width-full: 100%;
--base-offset: 40px;
--base-offset-vertical: 90px;
--base-space: 20px;
--base-gap: calc(var(--base-space) * 2);
}
@media (max-width: 781px) {
:root {
--base-font-size: 16px;
--base-headings-font-size-1: 42px;
--base-headings-font-size-3: 30px;
--base-headings-font-size-4: 22px;
--base-offset: 20px;
--base-offset-vertical: 70px;
}
}