/**
 * Brand design tokens.
 */
:root {
	--font-sans: "Jost", ui-sans-serif, system-ui, sans-serif;

	--color-blue-eleva: #0d3340;
	--color-dark-blue-eleva: #0a2833;
	--color-dark-eleva: #1a1a1a;
	--color-gray-eleva: #9ca3af;
	--color-light-gray-eleva: #f6f6f6;
	--color-green-eleva: #2a835e;
	--color-red-eleva: #ea1014;
	--color-yellow-eleva: #f0a93b;
	--color-slate-eleva: #f8f8f8;

	--text-page: clamp(2rem, 4.5vw, 3rem);
	--text-section: calc(clamp(1.75rem, 3.6vw, 2.5rem) * 0.9);
	--text-body: 1.125rem;
	--leading-tight: 1.15;
	--leading-body: 1.55;
	--weight-body: 400;
	--weight-heading: 500;
	--tracking-heading: 0.02em;
	--tracking-nav: 0.04em;

	--color-text: #1a1a1a;
	--color-muted: #6b7280;
	--color-border: #e5e5e5;
	--color-surface: #fff;
	--color-surface-2: #f6f6f6;
	--color-gold: #c49a6c;
	--color-whatsapp: #25d366;
	--color-whatsapp-hover: #1ebe57;

	--page-gutter: 1.5rem;
	--content-max-width: 80rem;

	--radius-card: 1rem;
	--radius-control: 0.5rem;
	--radius-pill: 9999px;
	--shadow-card: 0 1px 2px rgba(0, 0, 0, 0.04);
	--duration: 200ms;
	--focus-ring: 2px solid var(--color-blue-eleva);
}

@media (max-width: 919px) {
	:root {
		--content-max-width: 40rem;
		--text-section: calc(clamp(1.75rem, 3.6vw, 2.5rem) * 0.9 * 0.88);
	}
}