/* ==========================================================================
   Brenda Rodas — Design tokens
   Todo el sistema visual sale de acá.
   ========================================================================== */

:root {
  /* --- Color: paleta cálida, luminosa --- */
  --ivory:      #F6F1EB;   /* fondo principal */
  --porcelain:  #FCFAF7;   /* superficies elevadas */
  --sand:       #E6D9CC;   /* separadores, fondos suaves */
  --sand-deep:  #D5C4B3;   /* bordes visibles */
  --taupe:      #7A6353;   /* texto secundario — oscurecido para que se lea
                              de verdad: el tono anterior (#9A877A) quedaba en
                              3:1 sobre el fondo y se usa en las etiquetas de
                              los campos y en casi todo el texto chico */
  --mocha:      #4E3D33;   /* texto principal */
  --ink:        #231E1B;   /* títulos, botón primario */

  /* Acento único. Es un cacao neutro, sin rosa ni rojo.
     Si preferís el tono original de esta paleta, cambiá esta línea por #C79C94. */
  --accent:     #7A6353;
  --accent-soft:#E8DFD6;   /* fondo de estado seleccionado */

  --success:    #7A8B6F;
  --notice:     #6B5A4C;   /* errores y avisos: cacao oscuro, nunca rojo */

  --bg:          var(--ivory);
  --surface:     var(--porcelain);
  --text:        var(--mocha);
  --text-strong: var(--ink);
  --text-muted:  var(--taupe);
  --line:        var(--sand);
  --line-strong: var(--sand-deep);

  /* --- Tipografía --- */
  --font-display: "Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;
  --font-body:    "Jost", "Futura", "Avenir Next", "Helvetica Neue", Arial, sans-serif;

  /* Los montos van siempre con la fuente de la página, no con la de los
     títulos. La Cormorant escribe los números al estilo antiguo, con el 3,
     el 4, el 7 y el 9 colgando por debajo del renglón y el 6 y el 8
     sobresaliendo: queda lindo en un título, pero en un precio parece un
     error de imprenta. */
  --font-money:   var(--font-body);

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem);
  --text-lg:   clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
  --text-xl:   clamp(1.375rem, 1.2rem + 0.8vw, 1.875rem);
  --text-2xl:  clamp(1.75rem, 1.4rem + 1.6vw, 2.75rem);
  --text-3xl:  clamp(2.25rem, 1.6rem + 3vw, 4.25rem);
  --text-hero: clamp(3.25rem, 2rem + 8vw, 9rem);

  --leading-tight: 1.05;
  --leading-snug:  1.25;
  --leading-body:  1.6;

  /* --- Espaciado (base 4px) --- */
  --s-1: 0.25rem;  --s-2: 0.5rem;   --s-3: 0.75rem;
  --s-4: 1rem;     --s-5: 1.5rem;   --s-6: 2rem;
  --s-7: 3rem;     --s-8: 4rem;     --s-9: 6rem;   --s-10: 8rem;

  --section-y: clamp(4rem, 6vw + 2rem, 9rem);
  --gutter:    clamp(1.25rem, 4vw, 3.5rem);
  --content:   1240px;
  --measure:   36rem;

  /* --- Forma --- */
  --radius-xs: 2px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --btn-h: 3rem;
  --btn-h-sm: 2.5rem;

  --shadow-float: 0 18px 40px -18px rgba(35, 30, 27, 0.28);

  /* --- Motion --- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-slow: 700ms;
}