/**
 * MJM Design System — tokens (FASE 2B.1)
 * Fonte da verdade visual. Elementor e templates consomem estas variáveis.
 */

:root {
	/* Brand — alinhado ao logo MJM (azul + amarelo) */
	--mjm-blue: #0f5fe8;
	--mjm-blue-deep: #0a3fad;
	--mjm-blue-soft: #e8f0fe;
	--mjm-yellow: #f0b429;
	--mjm-yellow-hover: #ffc84a;
	--mjm-whatsapp: #128c7e;
	--mjm-whatsapp-hover: #0e7a6d;

	/* Neutrals */
	--mjm-ink: #12161f;
	--mjm-ink-soft: #2a3140;
	--mjm-muted: #5c6675;
	--mjm-line: #e3e7ee;
	--mjm-surface: #f4f6fa;
	--mjm-white: #ffffff;
	--mjm-overlay: rgba(8, 12, 22, 0.72);

	/* Typography */
	--mjm-font: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
	--mjm-display: "Outfit", "Source Sans 3", system-ui, sans-serif;

	--mjm-fs-xs: 0.8125rem;   /* 13 */
	--mjm-fs-sm: 0.9375rem;   /* 15 */
	--mjm-fs-base: 1.0625rem; /* 17 */
	--mjm-fs-md: 1.125rem;    /* 18 */
	--mjm-fs-lg: 1.25rem;     /* 20 */
	--mjm-fs-xl: clamp(1.5rem, 2.5vw, 1.875rem);
	--mjm-fs-2xl: clamp(1.75rem, 3.2vw, 2.375rem);
	--mjm-fs-3xl: clamp(2.25rem, 5vw, 3.5rem);
	--mjm-fs-hero: clamp(2.35rem, 6vw, 4rem);

	--mjm-lh-tight: 1.15;
	--mjm-lh-snug: 1.3;
	--mjm-lh-body: 1.6;

	--mjm-fw-regular: 400;
	--mjm-fw-medium: 500;
	--mjm-fw-semibold: 600;
	--mjm-fw-bold: 700;
	--mjm-fw-extrabold: 800;

	--mjm-tracking-tight: -0.03em;
	--mjm-tracking-wide: 0.12em;

	/* Spacing scale (4px base) */
	--mjm-space-1: 0.25rem;
	--mjm-space-2: 0.5rem;
	--mjm-space-3: 0.75rem;
	--mjm-space-4: 1rem;
	--mjm-space-5: 1.25rem;
	--mjm-space-6: 1.5rem;
	--mjm-space-7: 2rem;
	--mjm-space-8: 2.5rem;
	--mjm-space-9: 3rem;
	--mjm-space-10: 4rem;
	--mjm-space-11: 5rem;
	--mjm-space-12: clamp(4rem, 9vw, 6.5rem);

	/* Layout */
	--mjm-max: 1140px;
	--mjm-max-narrow: 40rem;
	--mjm-max-reading: 56rem; /* entre narrow e full — posts do blog */
	--mjm-gutter: 1.25rem;
	--mjm-radius: 14px;
	--mjm-radius-sm: 10px;
	--mjm-radius-pill: 999px;

	/* Elevation / motion */
	--mjm-shadow: 0 16px 40px rgba(15, 95, 232, 0.1);
	--mjm-shadow-soft: 0 8px 24px rgba(16, 20, 28, 0.06);
	--mjm-ease: 0.2s ease;
	--mjm-ease-slow: 0.45s ease;

	/* Semantic */
	--mjm-focus: 0 0 0 3px rgba(15, 95, 232, 0.35);
	--mjm-danger: #c62828;
	--mjm-success: #1b7a4a;
}