/* ==========================================================================
   ERNESTO ↔ KURSRAUM BRAND MAPPING
   The base palette (light AND dark variants) now lives in the standard
   Ernesto Customizer settings (Appearance → Customize → Colors):
     base light  #fffd96 / #262523     primary  #d97d5b
     base dark   #4b4a48 / #f0eee9     accent   #deadff   secondary #7e846b
   Ernesto emits those as light-dark() variables, so dark mode works natively.

   This file only keeps what the Customizer cannot express:
   fonts, the per-page --cat1-color system, and cat1-colored components.
   Loads after ernesto-colors/fonts and after colours.css.
   ========================================================================== */

/* Fonts also come from the Customizer now (Typography → Gazpacho/Poppins,
   self-hosted in /fonts/, scanned by Ernesto's font selector). */

:root {
	/* Links follow the per-page color system */
	--link-color: var(--cat1-color);
	--link-hover: var(--cat1-color);
	--link-visited: var(--cat1-color);
}

/* ---- Per-page color system (Enfold selectors → Ernesto selectors) ----
   body.page-id-N { --cat1-color: … } overrides still come from colours.css. */

/* Page/post titles */
.entry-title,
.page-title,
h1.entry-title a {
	color: var(--cat1-color);
}

/* Bold text accent (was .main_color strong) */
.entry-content strong,
.entry-content strong a {
	color: var(--cat1-color);
}

/* Buttons (was .avia-button / #top form.cart .button) */
.button,
button[type="submit"]:not(.menu-toggle):not(.menu-close):not(.search-submit),
.wp-block-button__link,
form.cart .button,
.woocommerce .button.alt {
	background-color: var(--cat1-color);
	border-color: var(--cat1-color);
	color: #fff;
}
.button:hover,
.wp-block-button__link:hover,
form.cart .button:hover {
	background-color: var(--cat1-color);
	filter: brightness(0.9);
	color: #fff;
}

/* Logo: Enfold used an inline SVG (.logo svg .cls-1). Ernesto outputs the
   uploaded logo as <img>, which CSS cannot recolor. If per-page logo colors
   are needed, upload the SVG and inline it — until then this covers a
   text-based site title. */
.site-title a {
	color: var(--cat1-color);
}