/**
 * Global foundation.
 *
 * Phase A limits changes to safe normalization and reusable primitives.
 */
.rumanji-ui {
	color: var(--rumanji-text);
	font-family: var(--rumanji-font-sans);
	background: var(--rumanji-warm-50);
}

.rumanji-ui *,
.rumanji-ui *::before,
.rumanji-ui *::after {
	box-sizing: border-box;
}

.rumanji-ui img {
	max-width: 100%;
	height: auto;
}

.rumanji-ui :where(a, button, input, select, textarea) {
	transition:
		color var(--rumanji-transition),
		background-color var(--rumanji-transition),
		border-color var(--rumanji-transition),
		box-shadow var(--rumanji-transition),
		transform var(--rumanji-transition);
}

.rumanji-ui :where(a, button, input, select, textarea):focus-visible {
	outline: 3px solid rgba(226, 32, 51, 0.24);
	outline-offset: 2px;
}

.rumanji-container {
	width: min(calc(100% - 2rem), var(--rumanji-container));
	margin-inline: auto;
}

.rumanji-section {
	padding-block: var(--rumanji-space-7);
}

.rumanji-section__header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: var(--rumanji-space-5);
	margin-bottom: var(--rumanji-space-5);
}

.rumanji-eyebrow {
	color: var(--rumanji-red-600);
	font-size: var(--rumanji-size-xs);
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}