/* 10 — Base. Typography rules from design-system.md §2, RTL rules §8. */

body {
	background: var(--c-bg-page);
	color: var(--c-ink);
	font-family: var(--ff-body);
	font-size: var(--fs-body);
	line-height: 1.7;
	letter-spacing: 0;
}

h1, h2, h3, h4 {
	font-family: var(--ff-heading);
	color: var(--c-ink);
	letter-spacing: 0;
	text-transform: none;
}
h1 { font-size: var(--fs-h1); line-height: 1.2; font-weight: 700; }
h2 { font-size: var(--fs-h2); line-height: 1.25; font-weight: 600; }
h3 { font-size: var(--fs-h3); line-height: 1.3; font-weight: 600; }

a { color: var(--c-primary); }

.woocommerce-Price-amount,
.price {
	font-variant-numeric: tabular-nums;
	unicode-bidi: isolate;
}

.sensa-prose {
	max-width: 68ch;
	font-size: var(--fs-body-lg);
}

/* Moved from Elementor kit Custom CSS (2026-09-17) */
.elementor-widget-text-editor p:last-child { margin-bottom: 0; }
.elementor-widget-text-editor p a { text-decoration: underline; }
.sensa-usp a { color: inherit; text-decoration: none; }

:focus-visible {
	outline: 2px solid var(--c-primary);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
}