/* Shared token bridge: theme.json remains the source of brand values. */
:root {
	--itc-primary: var(--wp--preset--color--accent-1);
	--itc-accent: var(--wp--preset--color--accent-2);
	--itc-text: var(--wp--preset--color--contrast);
	--itc-muted: var(--wp--preset--color--accent-3);
	--itc-border: var(--wp--preset--color--accent-4);
	--itc-surface: var(--wp--preset--color--base);
	--itc-surface-subtle: var(--wp--preset--color--accent-5);
	--itc-container: 1200px;
	--itc-space-1: 4px; --itc-space-2: 8px; --itc-space-3: 12px; --itc-space-4: 16px;
	--itc-space-5: 20px; --itc-space-6: 24px; --itc-space-8: 32px; --itc-space-10: 40px;
	--itc-space-12: 48px; --itc-space-16: 64px; --itc-space-18: 72px; --itc-space-22: 88px;
	--itc-radius-sm: 4px; --itc-radius-md: 6px; --itc-radius-lg: 8px;
	--itc-shadow-sm: 0 2px 8px rgb(15 23 42 / 12%);
	--itc-transition: 180ms ease;
}

.itc-cta, .itc-btn {
	align-items: center; border: 1px solid transparent; border-radius: var(--itc-radius-md);
	box-sizing: border-box; font-family: var(--wp--preset--font-family--manrope); font-size: 14px;
	font-weight: 700; justify-content: center; line-height: 1.2; min-height: 44px;
	padding: 12px 20px;
	transition: background-color var(--itc-transition), border-color var(--itc-transition), color var(--itc-transition), opacity var(--itc-transition);
}
.itc-cta:focus-visible, .itc-btn:focus-visible { outline: 2px solid var(--itc-accent); outline-offset: 2px; }
.itc-cta[aria-disabled="true"], .itc-btn[aria-disabled="true"], .itc-cta:disabled, .itc-btn:disabled { cursor: not-allowed; opacity: .55; }
@media (prefers-reduced-motion: reduce) { .itc-cta, .itc-btn { transition-duration: 0ms; } }