:root {
--base-color-text: #fff;
--base-color-accent: #779bbb;
--base-color-light: #e5e5e5;
--base-color-background: #0B0B0B;
--base-font-family: verdana, sans-serif;
--base-font-weight: normal;
--base-line-height: 1.6;
--base-font-size: clamp(14px, 1.1vw, 22px);
--base-font-size-small: calc(0.8 * var(--base-font-size));
--base-font-size-medium: calc(1.25 * var(--base-font-size));
--base-headings-color: var(--base-color-text);
--base-headings-font-family: "Noto Serif", serif;
--base-headings-font-weight: bold;
--base-headings-line-height: 1.25;
--base-headings-font-size-1: clamp(24px, 2.4vw, 48px);
--base-headings-font-size-2: clamp(20px, 2vw, 42px);
--base-headings-font-size-3: var(--base-font-size-medium);
--base-headings-font-size-4: var(--base-font-size);
--base-layout-width: 100%;
--base-content-width: 800px;
--base-offset: clamp(20px, 4vw, 60px);
--base-offset-vertical: clamp(34px, 5.5vw, 80px);;
--base-space: var(--base-font-size);
--base-gap: var(--base-offset);
}
main {
padding-bottom: calc(var(--base-offset)/2);
}