/* Woo Admin Experience: design tokens. Every other stylesheet reads from these. */
:root {
	--wae-bg: #f7f7f9;
	--wae-surface: #ffffff;
	--wae-surface-muted: #f4f4f6;

	--wae-text: #181824;
	--wae-text-muted: #67677a;
	--wae-text-subtle: #8e8ea0;

	--wae-border: #e5e5eb;
	--wae-border-strong: #d3d3dd;

	--wae-primary: #6652f5;
	--wae-primary-hover: #5843e6;
	--wae-primary-soft: #efecfe;

	--wae-success: #14975f;
	--wae-success-soft: #e5f6ee;
	--wae-warning: #c67a12;
	--wae-warning-soft: #fdf1de;
	--wae-danger: #d44444;
	--wae-danger-soft: #fbe9e9;
	--wae-info: #2563eb;
	--wae-info-soft: #e8f0fe;

	--wae-radius-sm: 6px;
	--wae-radius-md: 10px;
	--wae-radius-lg: 12px;

	--wae-space-1: 4px;
	--wae-space-2: 8px;
	--wae-space-3: 12px;
	--wae-space-4: 16px;
	--wae-space-5: 20px;
	--wae-space-6: 24px;
	--wae-space-8: 32px;
	--wae-space-10: 40px;

	--wae-shadow-sm: 0 1px 2px rgba(24, 24, 36, 0.04);
	--wae-shadow-md: 0 8px 24px rgba(24, 24, 36, 0.1);
	--wae-focus: 0 0 0 3px rgba(102, 82, 245, 0.28);

	--wae-font: Inter, Geist, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	--wae-sidebar-w: 240px;
	--wae-header-h: 64px;
}

/* Sidebar width follows WordPress's own fold state. */
body.folded {
	--wae-sidebar-w: 64px;
}

@media (min-width: 783px) and (max-width: 960px) {
	body.auto-fold {
		--wae-sidebar-w: 64px;
	}
}

/* Below 783px WordPress switches to its own mobile shell; we keep it and only apply tokens. */
@media (max-width: 782px) {
	:root {
		--wae-header-h: 46px;
		--wae-sidebar-w: 0px;
	}
}