/**
 * Tokens semânticos do Design System.
 *
 * Referenciam os presets do theme.json para manter frontend e editor
 * sincronizados. Não duplicam a paleta oficial.
 *
 * Restrições de contraste (texto pequeno / WCAG AA):
 * — Verde Sálvia, Terracota e Bege não devem ser usados como texto
 *   pequeno sobre Off-white, Bege ou Branco.
 * — Terra fica restrita a texto grande, decoração ou fundos.
 */

:root {
	--color-brand-primary: var(--wp--preset--color--verde-horta, #4f6f52);
	--color-brand-secondary: var(--wp--preset--color--verde-salvia, #a9b89f);
	--color-brand-earth: var(--wp--preset--color--terra, #9a7655);
	--color-brand-accent: var(--wp--preset--color--terracota, #b98267);
	--color-background: var(--wp--preset--color--off-white, #faf8f2);
	--color-surface: var(--wp--preset--color--branco, #ffffff);
	--color-surface-muted: var(--wp--preset--color--bege, #f3ebdd);
	--color-text: var(--wp--preset--color--marrom, #3e3a34);
	--color-text-inverse: var(--wp--preset--color--branco, #ffffff);
	--color-link: var(--wp--preset--color--verde-horta, #4f6f52);
	--color-border: var(--wp--preset--color--verde-salvia, #a9b89f);
	--color-focus: var(--wp--preset--color--verde-horta, #4f6f52);
	--font-sans: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	--space-2xs: var(--wp--preset--spacing--2-xs, 0.25rem);
	--space-xs: var(--wp--preset--spacing--xs, 0.5rem);
	--space-sm: var(--wp--preset--spacing--sm, 0.75rem);
	--space-md: var(--wp--preset--spacing--md, 1rem);
	--space-lg: var(--wp--preset--spacing--lg, 1.5rem);
	--space-xl: var(--wp--preset--spacing--xl, 2rem);
	--space-2xl: var(--wp--preset--spacing--2-xl, 3rem);
	--space-3xl: var(--wp--preset--spacing--3-xl, clamp(3.5rem, 7vw, 5rem));
	--space-4xl: var(--wp--preset--spacing--4-xl, clamp(4.5rem, 10vw, 7rem));
	--space-gutter: clamp(1rem, 4vw, 2rem);
	--space-grid: clamp(1rem, 2.5vw, 2rem);
	--space-content: var(--wp--preset--spacing--md, 1rem);
	--space-section-compact: clamp(2.5rem, 5vw, 4rem);
	--space-section: clamp(3.5rem, 8vw, 7rem);

	--container-content: 45rem;
	--container-wide: 75rem;
	--container-full: 100%;
	--container-gutter: var(--space-gutter);

	--radius-none: var(--wp--preset--border-radius--none, 0);
	--radius-sm: var(--wp--preset--border-radius--small, 0.375rem);
	--radius-md: var(--wp--preset--border-radius--medium, 0.75rem);
	--radius-lg: var(--wp--preset--border-radius--large, 1.25rem);
	--radius-pill: var(--wp--preset--border-radius--pill, 999px);
	--border-width: 1px;
	--border-color: var(--color-border);

	--shadow-subtle: var(--wp--preset--shadow--subtle, 0 1px 2px rgba(62, 58, 52, 0.08));
	--shadow-card: var(--wp--preset--shadow--card, 0 8px 24px rgba(62, 58, 52, 0.1));
	--shadow-elevated: var(--wp--preset--shadow--elevated, 0 16px 40px rgba(62, 58, 52, 0.14));

	--color-brand-primary-dark: #3a5340;
	--color-text-muted: #5c564e;
	--color-border-strong: #6f655a;
	--color-disabled: #5c564e;
	--color-disabled-background: #e7e1d6;
	--color-error: #8f4e42;
	--color-error-surface: #f6ebe7;
	--color-success: var(--color-brand-primary);
	--color-success-surface: #e8efe9;
	--color-badge-earth-surface: #ede0d0;
	--color-badge-accent-surface: #f0e4dc;
	--control-height: 2.75rem;
	--control-padding-inline: 1.25rem;
	--transition-fast: 150ms ease;
	--transition-base: 200ms ease;

	--color-footer-bg: var(--color-brand-primary);
	--color-footer-text: var(--color-text-inverse);
	--color-footer-muted: var(--color-surface-muted);
	--color-footer-border: var(--color-brand-secondary);

	--color-hero-text: var(--color-text-inverse);
	--color-hero-eyebrow: var(--color-surface-muted);
	--color-hero-overlay-strong: var(--color-text);
	--color-hero-overlay-brand: var(--color-brand-primary);
	--color-hero-fallback-start: var(--color-brand-primary);
	--color-hero-fallback-end: var(--color-text);
}