/* ========================================================================= THEME ENGINE — maps theme variables onto the cloned site's baked-in (minified, inline) CSS selectors. This file is theme-agnostic: it never needs editing to change a look. A theme file just sets the variables it consumes (see chaos-theme.css / TEMPLATE.css). !important is required here to win over the site's inline stylesheet, and these rules are loaded at the end of so they come last in the cascade. Variables consumed (define all of these in your theme file): --font-display big serif / body text (and h1-h3, which inherit body) --font-display-italic the italic title spans --font-ui nav, buttons, h4, the bid widget --font-mono technical / preloader text --color-bg page background --color-text body text color --color-accent CTA / bid button background --color-accent-text text color on the accent button ========================================================================= */ /* ---- Colors -------------------------------------------------------------- */ html { background-color: var(--color-bg) !important; } body { color: var(--color-text) !important; } /* Accent: the bid / call-to-action button(s) */ .button[data-v-5f0a0d6a], fieldset[disabled] .button[data-v-5f0a0d6a], button[disabled][data-v-2f8ac6f0], .button.is-success { background-color: var(--color-accent) !important; color: var(--color-accent-text) !important; } /* ---- Fonts --------------------------------------------------------------- */ /* body sets the page-wide serif; h1-h3 inherit it (only h4 differs) */ body { font-family: var(--font-display) !important; } span.italic { font-family: var(--font-display-italic) !important; } h1, h2, h3, h4, nav, .bid-wrapper, .button, form .button { font-family: var(--font-ui) !important; } /* the big hero title keeps the display face (overrides the line above) */ h1 .italic, span.italic { font-family: var(--font-display-italic) !important; } #MSCHFPreloader .loader-inner .content-wrapper h3 { font-family: var(--font-mono) !important; }