/**
 * Child theme color overrides.
 * Redefines cleancore design tokens — no need to edit parent SCSS.
 */

:root {
	--color-background: #FFF8F3;
	--color-surface: #FFFFFF;
	--color-surface-muted: #FFEFE3;
	--color-surface-elevated: #FFFFFF;

	--color-text: #44403C;
	--color-text-muted: #78716C;
	--color-title: #9A3412;

	--color-link: #EA580C;
	--color-primary: #EA580C;
	--color-component: #EA580C;
	--color-component-hover: #C2410C;
	--color-on-component: #FFFFFF;

	--color-accent: #F97316;
	--color-accent-hover: #EA580C;

	--color-border: #FED7AA;
	--color-border-strong: #FDBA74;
	--color-border-subtle: #FFEDD5;

	--color-header-scrolled-bg: rgba(255, 248, 243, 0.96);
	--color-footer-bg: var(--color-surface-muted);
}

.cc--wysiwyg a {
	color: var(--color-link);
}

a.btn,
button.btn {
	background: var(--color-component);
	color: var(--color-on-component);
}

a.btn:hover,
a.btn:focus,
button.btn:hover,
button.btn:focus {
	background: var(--color-component-hover);
}