/**
 * ArsAgri — Design tokens
 * Derivados del manual de marca oficial (propuesta 1a · espiga sobre disco ámbar).
 * Paleta: Ámbar #F5B800 · Ámbar oscuro #B98A00 · Cabina #141C28 · Neutro #5B6B80.
 * Tipografía: Manrope (800 / 700 titulares).
 */

:root {
	/* ---- Marca ---- */
	--ars-amber:        #F5B800; /* Ámbar (primario) */
	--ars-amber-dark:   #B98A00; /* Ámbar oscuro (hover / detalles) */
	--ars-amber-soft:   #FFF4D1; /* Ámbar muy claro (fondos de énfasis) */
	--ars-ink:          #141C28; /* Cabina — texto y secciones oscuras */
	--ars-ink-2:        #16202E; /* Cabina, variante */
	--ars-slate:        #5B6B80; /* Neutro — texto secundario */
	--ars-slate-2:      #8A94A6; /* Neutro claro — metadatos */

	/* ---- Neutros / superficies ---- */
	--ars-line:         #E5E9F0; /* Bordes y separadores */
	--ars-mist:         #F8FAFC; /* Fondo claro */
	--ars-mist-2:       #F1F4F8; /* Fondo claro alterno */
	--ars-white:        #FFFFFF;

	/* ---- Semánticos ---- */
	--ars-bg:           var(--ars-white);
	--ars-bg-alt:       var(--ars-mist);
	--ars-text:         var(--ars-ink);
	--ars-text-soft:    var(--ars-slate);
	--ars-heading:      var(--ars-ink);
	--ars-primary:      var(--ars-amber);
	--ars-primary-ink:  var(--ars-ink);   /* texto sobre ámbar */
	--ars-on-dark:      #EAF0F7;          /* texto sobre cabina */
	--ars-on-dark-soft: #A9B4C4;

	/* ---- Tipografía ---- */
	--ars-font: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--ars-fw-regular: 400;
	--ars-fw-medium:  500;
	--ars-fw-semi:    600;
	--ars-fw-bold:    700;
	--ars-fw-black:   800;

	/* Escala fluida */
	--ars-fs-hero:  clamp(2.4rem, 1.4rem + 4vw, 4rem);
	--ars-fs-h1:    clamp(2rem, 1.3rem + 2.6vw, 3rem);
	--ars-fs-h2:    clamp(1.6rem, 1.2rem + 1.6vw, 2.25rem);
	--ars-fs-h3:    clamp(1.2rem, 1.05rem + 0.6vw, 1.4rem);
	--ars-fs-lead:  clamp(1.06rem, 1rem + 0.4vw, 1.25rem);
	--ars-fs-body:  1rem;
	--ars-fs-small: 0.875rem;

	/* ---- Layout ---- */
	--ars-container: 1160px;
	--ars-container-narrow: 780px;
	--ars-gutter: clamp(1.1rem, 0.6rem + 2vw, 2rem);
	--ars-section-y: clamp(3.5rem, 2rem + 6vw, 6.5rem);

	/* ---- Radios ---- */
	--ars-radius-sm: 8px;
	--ars-radius:    16px;
	--ars-radius-lg: 24px;
	--ars-radius-pill: 999px;

	/* ---- Sombras (suaves, tono cabina) ---- */
	--ars-shadow-sm: 0 1px 2px rgba(20, 28, 40, 0.06), 0 1px 3px rgba(20, 28, 40, 0.05);
	--ars-shadow:    0 10px 30px -12px rgba(20, 28, 40, 0.18);
	--ars-shadow-lg: 0 30px 60px -20px rgba(20, 28, 40, 0.28);
	--ars-shadow-amber: 0 14px 30px -12px rgba(245, 184, 0, 0.45);

	/* ---- Transiciones ---- */
	--ars-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--ars-transition: 220ms var(--ars-ease);
}