/* LuxeFashion huisstijl - kleuren als CSS-variabelen */

:root {
	--lf-bg: #FAFAF8;
	--lf-ink: #1A1A1A;
	--lf-muted: #6B6B6E;
	--lf-line: #B5B5B7;
	--lf-mint: #8FCCB5;
	--lf-mint-dark: #7AAD9A; /* --lf-mint, donkerder — hover/focus/active op mint-knoppen (bv. de hero-knop) */
	--lf-sage: #1F7A58;

	/* Donkere merklaag: balk/header/footer en secties waar beeld leidt. */
	--lf-deep: #101312;
	--lf-dark: #1A1E1C;
	--lf-on-dark: #F7F7F4;
	--lf-on-dark-muted: #9DA29C;

	--lf-font-heading: 'Cormorant Garamond', Georgia, serif;
	--lf-font-body: 'Inter', -apple-system, Arial, sans-serif;
}

/*
 * Links: --lf-ink op wit (leestekst), --lf-sage alleen als hover-accent.
 * --lf-sage zelf is voorbehouden aan kleine labels (zie layout.css) — nooit
 * als kleur voor gewone leestekst/links op een lichte achtergrond.
 */
a {
	color: var(--lf-ink);
}

a:hover,
a:focus {
	color: var(--lf-sage);
	opacity: 0.85;
}

.ct-button,
button:not(.ct-icon-toggle):not(.lf-header__icon-btn):not(.lf-header__hamburger):not(.lf-search-bar__close):not(.lf-size-swatch):not(.lf-size-row__chart-link):not(.lf-mini-cart__close):not(.lf-mini-cart__btn--secondary),
input[type="submit"],
input[type="button"],
.wp-block-button__link {
	background-color: var(--lf-sage);
	border-color: var(--lf-sage);
	color: #FFFFFF;
}

.ct-button:hover,
.ct-button:focus,
button:not(.ct-icon-toggle):not(.lf-header__icon-btn):not(.lf-header__hamburger):not(.lf-search-bar__close):not(.lf-size-swatch):not(.lf-size-row__chart-link):not(.lf-mini-cart__close):not(.lf-mini-cart__btn--secondary):hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.wp-block-button__link:hover {
	background-color: var(--lf-sage);
	border-color: var(--lf-sage);
	color: #FFFFFF;
	opacity: 0.9;
}

/*
 * --lf-mint: uitsluitend op donkere achtergronden (header, footer, hero-
 * overlay, editorial band op donker). Nooit op wit — daar altijd --lf-sage
 * of --lf-ink gebruiken. Zie layout.css voor de kleurkeuzes per onderdeel.
 */