/*
 * Foundation values from docs/DESIGN-SYSTEM.md.
 * Semantic names and content-flow spacing are project choices; visual values follow the audit.
 * Only shared foundations belong here; component variants are added when needed.
 */
:root {
	--dermobliss-background-primary: #faf8f5;
	--dermobliss-background-secondary: #f3efea;
	--dermobliss-background-muted: #ece5dd;
	--dermobliss-text-primary: #1c1b1a;
	--dermobliss-text-secondary: #5c5a56;
	--dermobliss-accent-gold: #b8965c;
	--dermobliss-accent-gold-dark: #8c6d37;
	--dermobliss-border-default: rgb(28 27 26 / 10%);

	--dermobliss-font-display: "Cormorant Garamond", "Bodoni Moda", serif;
	--dermobliss-font-body: "Plus Jakarta Sans", -apple-system, sans-serif;
	--dermobliss-font-mono: "JetBrains Mono", "Roboto Mono", monospace;

	--dermobliss-text-base: 1rem;
	--dermobliss-text-h1: 2.25rem;
	--dermobliss-text-h2: 1.5rem;
	--dermobliss-text-h3: 1.25rem;
	--dermobliss-leading-body: 1.5;
	--dermobliss-leading-h1: 1.111111;
	--dermobliss-leading-h2: 1.333333;
	--dermobliss-leading-h3: 1.4;
	--dermobliss-tracking-heading: -0.025em;

	--dermobliss-container-max: 1280px;
	--dermobliss-gutter: 24px;
	--dermobliss-section-space: 96px;
	--dermobliss-flow-space: 1.5rem;
	--dermobliss-transition-duration: 300ms;
	--dermobliss-transition-easing: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Base editorial headings only; display/hero variants remain separate work. */
@media (min-width: 640px) {
	:root {
		--dermobliss-text-h1: 3rem;
		--dermobliss-text-h2: 1.875rem;
		--dermobliss-text-h3: 1.5rem;
		--dermobliss-leading-h1: 1;
		--dermobliss-leading-h2: 1.2;
		--dermobliss-leading-h3: 1.333333;
	}
}

@media (min-width: 1024px) {
	:root {
		--dermobliss-text-h2: 2.25rem;
		--dermobliss-leading-h2: 1.111111;
		--dermobliss-gutter: 48px;
		--dermobliss-section-space: 128px;
	}
}