:root {
	--myco-color-bg: #ffffff;
	--myco-color-surface: #f5f6f7;
	--myco-color-surface-strong: #ebedef;
	--myco-color-text: #1f2328;
	--myco-color-muted: #59616b;
	--myco-color-border: rgba(31, 35, 40, 0.14);
	--myco-color-primary: #24292f;
	--myco-color-primary-soft: #32383f;
	--myco-color-accent: #44546a;
	--myco-color-accent-2: #6b7280;
	/* Semantic state tokens (form notices, future WooCommerce badges) — functional states, not part of the visual identity. */
	--myco-color-success: #2f7d5d;
	--myco-color-danger: #a13d3d;
	--myco-color-white: #ffffff;

	--myco-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--myco-font-size-sm: 0.875rem;
	--myco-font-size-base: 1rem;
	--myco-font-size-lg: 1.125rem;
	--myco-line-height: 1.65;
	--myco-line-height-tight: 1.12;

	--myco-container: 1180px;
	--myco-container-wide: 1360px;
	--myco-container-content: 760px;

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

	--myco-radius-sm: 0.375rem;
	--myco-radius-md: 0.5rem;
	--myco-radius-lg: 0.75rem;
	--myco-radius-xl: 1rem;

	--myco-shadow-soft: 0 9px 30px rgba(31, 35, 40, 0.04);
	--myco-shadow-card: 0 6px 18px rgba(31, 35, 40, 0.05);

	--myco-z-header: 50;
	--myco-z-menu: 60;

	--myco-transition: 180ms ease;
}