/* MonkeyWurx design tokens.
   As of the Wall Art starter-template integration, Kadence's own global
   palette (set in Customizer > Colors & Fonts) is the source of truth for
   site-wide colors/buttons/backgrounds — it already handles those correctly
   on its own. These --mw-* variables exist only for OUR custom component
   classes (.mw-hero, .mw-collection-tile, .mw-badge, etc. in blocks.css)
   and are kept in sync with the current Kadence palette values below.
   No dark-mode forcing, no !important overrides on core theme elements —
   that fought the template instead of working with it. */

:root {
	--mw-bg: #F5F5F0;
	--mw-surface: #EDEDE5;
	--mw-card: #FFFFFF;
	--mw-accent: #9E886A;
	--mw-accent-2: #7A5843;
	--mw-highlight: #4F6656;
	--mw-success: #5E7458;
	--mw-error: #9C4534;
	--mw-text: #252323;
	--mw-text-muted: #707070;
	--mw-border-color: #D9D5CC;
	--mw-on-accent: #FFFFFF;

	/* Typography */
	--mw-font-heading: "Instrument Serif", Georgia, serif;
	--mw-font-body: "Manrope", "Source Sans 3", -apple-system, sans-serif;
	--mw-text-h1: clamp(40px, 5vw, 64px);
	--mw-text-h2: 36px;
	--mw-text-h3: 22px;
	--mw-text-body: 17px;
	--mw-text-small: 13.5px;
	--mw-text-button: 15px;

	/* Spacing scale */
	--mw-space-1: 4px;
	--mw-space-2: 8px;
	--mw-space-3: 12px;
	--mw-space-4: 16px;
	--mw-space-5: 24px;
	--mw-space-6: 32px;
	--mw-space-7: 48px;
	--mw-space-8: 64px;
	--mw-space-9: 96px;

	/* Radius / layout / motion */
	--mw-radius-card: 8px;
	--mw-radius-button: 6px;
	--mw-radius-modal: 16px;
	--mw-content-max: 1280px;
	--mw-transition: 200ms ease-out;
}

*:focus-visible {
	outline: 2px solid var(--mw-accent);
	outline-offset: 2px;
}