/**
 * LOVSETTI responsive system: central breakpoint overrides for the design
 * tokens defined in base.css (typography scale, section spacing, container
 * padding). Component-intrinsic breakpoints (header nav collapse, mobile
 * menu visibility, card grid columns, footer columns) live next to their
 * component in components.css / layout.css.
 */

/* Tablet */
@media (min-width: 768px) {
	:root {
		--ls-h1-size: 42px;
		--ls-h2-size: 32px;
		--ls-h3-size: 22px;
		--ls-body-size: 16px;
		--ls-section-spacing: 84px;
		--ls-container-padding: 28px;
	}
}

/* Desktop */
@media (min-width: 1024px) {
	:root {
		--ls-h1-size: 52px;
		--ls-h2-size: 36px;
		--ls-h3-size: 24px;
		--ls-nav-size: 12px;
		--ls-section-spacing: 112px;
		--ls-container-padding: 40px;
	}
}