/* ============================================================
 * Mudanzas Virgos — Design tokens
 * Source of truth for colors, typography, spacing, radius, shadows.
 * Mirrored in docs/03-design-system.md.
 * ============================================================ */

:root {
	/* ===== Brand ===== */
	--mv-brand:        #48AA23;
	--mv-brand-dark:   #357F1A;
	--mv-brand-deep:   #1E5210;
	--mv-brand-light:  #E8F4E2;
	--mv-brand-tint:   #F4FAF1;

	/* ===== Neutrals ===== */
	--mv-ink:          #1A1A1A;
	--mv-ink-soft:     #4A4A4A;
	--mv-ink-muted:    #8A8A8A;
	--mv-line:         #E5E7EB;
	--mv-bg:           #FFFFFF;
	--mv-bg-alt:       #F8F9FB;

	/* ===== CTA accent ===== */
	--mv-accent:       #F59E0B;
	--mv-accent-dark:  #B45309;

	/* ===== States ===== */
	--mv-success:      #15803D;
	--mv-warning:      #D97706;
	--mv-danger:       #B91C1C;
	--mv-info:         #1D4ED8;

	/* ===== WhatsApp (fixed) ===== */
	--mv-whatsapp:      #25D366;
	--mv-whatsapp-dark: #128C7E;

	/* ===== Typography ===== */
	--mv-font-display: "Bricolage Grotesque", "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
	--mv-font-body:    "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

	--fs-xs:   clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
	--fs-sm:   clamp(0.875rem, 0.8rem + 0.4vw, 1rem);
	--fs-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
	--fs-lg:   clamp(1.125rem, 1rem + 0.6vw, 1.375rem);
	--fs-xl:   clamp(1.375rem, 1.2rem + 1vw, 1.875rem);
	--fs-2xl:  clamp(1.75rem, 1.4rem + 1.8vw, 2.625rem);
	--fs-3xl:  clamp(2.25rem, 1.6rem + 3vw, 3.75rem);
	--fs-hero: clamp(2.75rem, 1.8rem + 4.5vw, 5rem);

	--lh-tight:   1.1;
	--lh-snug:    1.25;
	--lh-normal:  1.5;
	--lh-relaxed: 1.7;

	/* ===== Spacing scale ===== */
	--sp-1:  0.25rem;
	--sp-2:  0.5rem;
	--sp-3:  0.75rem;
	--sp-4:  1rem;
	--sp-5:  1.5rem;
	--sp-6:  2rem;
	--sp-7:  3rem;
	--sp-8:  4rem;
	--sp-9:  6rem;
	--sp-10: 8rem;

	/* ===== Radius ===== */
	--r-sm:   8px;
	--r-md:  14px;
	--r-lg:  20px;
	--r-xl:  28px;
	--r-pill: 999px;

	/* ===== Shadows ===== */
	--sh-sm:  0 1px 2px rgba(15,22,34,.06);
	--sh-md:  0 6px 16px rgba(15,22,34,.08);
	--sh-lg:  0 20px 40px rgba(15,22,34,.10);
	--sh-cta: 0 10px 24px rgba(245,158,11,.30);

	/* ===== Layout ===== */
	--mv-container:     1240px;
	--mv-container-pad: clamp(1rem, 4vw, 2rem);
	--mv-header-h:      80px;

	/* ===== Motion ===== */
	--mv-ease: cubic-bezier(0.4, 0, 0.2, 1);
	--mv-dur:  0.2s;
}