/**
 * Wisparent design tokens — scoped under .wis-app to avoid wp-admin leakage.
 */

.wis-app {
	--wis-color-base: #f8f3ea;
	--wis-color-surface: #fffdf8;
	--wis-color-contrast: #2f342f;
	--wis-color-primary: #64745d;
	--wis-color-primary-hover: #53634d;
	--wis-color-secondary: #a55a43;
	--wis-color-secondary-hover: #8f4b38;
	--wis-color-muted: #656b65;
	--wis-color-border: #d8d0c4;
	--wis-color-success: #3f6d4b;
	--wis-color-warning: #8a5b20;
	--wis-color-danger: #9a4038;
	--wis-color-info: #486779;
	--wis-color-focus: #64745d;

	--wis-font-heading: Georgia, Cambria, "Times New Roman", serif;
	--wis-font-body: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

	--wis-space-2xs: 0.25rem;
	--wis-space-xs: 0.5rem;
	--wis-space-sm: 0.75rem;
	--wis-space-md: 1rem;
	--wis-space-lg: 1.5rem;
	--wis-space-xl: 2rem;
	--wis-space-2xl: 3rem;
	--wis-space-3xl: 4rem;

	--wis-radius-sm: 0.35rem;
	--wis-radius-md: 0.55rem;
	--wis-radius-lg: 0.85rem;

	--wis-shadow-sm: 0 1px 2px rgba(47, 52, 47, 0.06);
	--wis-shadow-md: 0 8px 24px rgba(47, 52, 47, 0.08);

	--wis-container-sm: 36rem;
	--wis-container-md: 48rem;
	--wis-container-lg: 64rem;
	--wis-container-xl: 72rem;

	--wis-bp-sm: 375px;
	--wis-bp-md: 768px;
	--wis-bp-lg: 1024px;
	--wis-bp-xl: 1280px;

	--wis-focus-ring: 0 0 0 3px rgba(100, 116, 93, 0.35);
	--wis-motion-fast: 150ms;
	--wis-motion-base: 220ms;

	color: var(--wis-color-contrast);
	font-family: var(--wis-font-body);
	line-height: 1.55;
	background: var(--wis-color-base);
}

.wis-app *,
.wis-app *::before,
.wis-app *::after {
	box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce) {
	.wis-app *,
	.wis-app *::before,
	.wis-app *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}