/* Shared view-side styles for asem/* blocks (loaded on every page).
 * Per-block CSS is delivered by the block.json `style` field.
 *
 * Variables fall back to the theme's WP preset variables, so this file
 * works whether the block runs inside asem-portfolio or any other block theme.
 */
:root {
	--asem-bg:          var(--wp--preset--color--bg, #FAF7EE);
	--asem-bg-elevated: var(--wp--preset--color--bg-elevated, #FFFFFF);
	--asem-bg-deep:     var(--wp--preset--color--bg-deep, #F2EDDF);
	--asem-primary:     var(--wp--preset--color--primary, #B8862E);
	--asem-primary-strong: var(--wp--preset--color--primary-strong, #8C6311);
	--asem-gold-bright: var(--wp--preset--color--gold-bright, #D4AF37);
	--asem-accent:      var(--wp--preset--color--accent, #1A1F2C);
	--asem-text:        var(--wp--preset--color--text, #1A1F2C);
	--asem-muted:       var(--wp--preset--color--muted, #6B5E4A);
	--asem-border:      var(--wp--preset--color--border, #E8E1D0);
}

[class*="wp-block-asem-"] {
	font-feature-settings: "ss01" on, "cv11" on;
	color: var(--asem-text);
}

[class*="wp-block-asem-"] :focus-visible {
	outline: 2px solid var(--asem-primary);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	[class*="wp-block-asem-"] *,
	[class*="wp-block-asem-"] *::before,
	[class*="wp-block-asem-"] *::after {
		animation-duration: 0.001ms !important;
		transition-duration: 0.001ms !important;
	}
}

/* Generic icon class used across blocks */
[class*="wp-block-asem-"] .asem-icon {
	display: inline-block;
	vertical-align: -0.15em;
	width: 1.1em;
	height: 1.1em;
	color: currentColor;
	flex-shrink: 0;
}
[class*="wp-block-asem-"] .asem-icon--lg { width: 1.6em; height: 1.6em; }
[class*="wp-block-asem-"] .asem-icon--xl { width: 2.4em; height: 2.4em; }