/* ============================================================
   itWorks · versión cálida y humana — TOKENS
   ============================================================ */

/* ─── Fuentes self-hosted (offline-safe, sin CDN) ─── */
@font-face {
  font-family: 'Fraunces'; font-style: normal; font-weight: 400;
  font-display: swap; src: url('../../assets/fonts/fraunces-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Fraunces'; font-style: normal; font-weight: 600;
  font-display: swap; src: url('../../assets/fonts/fraunces-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Fraunces'; font-style: normal; font-weight: 700;
  font-display: swap; src: url('../../assets/fonts/fraunces-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Nunito'; font-style: normal; font-weight: 400;
  font-display: swap; src: url('../../assets/fonts/nunito-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Nunito'; font-style: normal; font-weight: 600;
  font-display: swap; src: url('../../assets/fonts/nunito-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Nunito'; font-style: normal; font-weight: 700;
  font-display: swap; src: url('../../assets/fonts/nunito-700.woff2') format('woff2');
}

:root {
  /* ─── Paleta cálida y humana ─── */
  --cream:        #FBF6EE;   /* fondo principal */
  --cream-2:      #F5EDE0;   /* secciones alternas */
  --paper:        #FFFFFF;   /* tarjetas */
  --ink:          #2E2A24;   /* texto principal */
  --ink-soft:     #6B6256;   /* texto secundario */
  --ink-mute:     #9A9082;   /* texto tenue */

  --terra:        #E07A5F;   /* terracota (acento principal) */
  --terra-dark:   #C75F45;
  --terra-soft:   #F6D9CF;
  --green:        #81B29A;   /* verde salvia */
  --green-dark:   #5E927A;
  --green-soft:   #DCEBE3;
  --sand:         #F2CC8F;   /* arena / amarillo cálido */
  --sand-soft:    #FBEFD6;
  --navy:         #3D405B;   /* azul pizarra (confianza) */

  --line:         #E7DBCB;   /* bordes suaves */
  --line-strong:  #D8C8B2;

  /* ─── Tipografía ─── */
  --font-head: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --t-xs:   clamp(0.78rem, 1.2vw, 0.85rem);
  --t-sm:   clamp(0.88rem, 1.4vw, 0.95rem);
  --t-base: clamp(1rem, 1.6vw, 1.1rem);
  --t-lg:   clamp(1.12rem, 1.9vw, 1.3rem);
  --t-xl:   clamp(1.3rem, 2.4vw, 1.6rem);
  --t-2xl:  clamp(1.6rem, 3.2vw, 2.1rem);
  --t-3xl:  clamp(2rem, 4.4vw, 3rem);
  --t-4xl:  clamp(2.4rem, 6vw, 4rem);

  /* ─── Espaciado ─── */
  --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem;
  --sp-5: 1.5rem; --sp-6: 2rem; --sp-8: 3rem; --sp-10: 4rem;
  --sp-12: 5rem; --sp-16: 7rem;

  --container: 1140px;
  --pad-x: clamp(1.25rem, 5vw, 3rem);
  --section-y: clamp(3.5rem, 8vw, 6.5rem);

  /* ─── Formas ─── */
  --r-sm: 8px; --r-md: 14px; --r-lg: 22px; --r-xl: 32px; --r-full: 999px;

  /* ─── Sombras cálidas ─── */
  --sh-sm: 0 2px 8px rgba(80, 60, 40, 0.06);
  --sh-md: 0 10px 30px rgba(120, 80, 50, 0.10);
  --sh-lg: 0 22px 60px rgba(120, 80, 50, 0.16);
  --sh-terra: 0 12px 28px rgba(224, 122, 95, 0.30);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}