/* Hallmark · macrostructure: Place Profile (photo-led editorial) · tone: natural/editorial cálido · anchor hue: leaf-green 145
 * theme: Garden-adjacent · paper: light-warm · display: roman-serif (Fraunces) · accent: chromatic-green
 * pre-emit critique: P5 H5 E4 S5 R5 V4
 * Quinta Helvecia — tokens del sistema. Todo color y toda fuente sale de acá.
 */

:root {
  /* ---- Color (OKLCH) ---- */
  --color-paper:        oklch(97.6% 0.011 92);   /* crema cálido */
  --color-paper-2:      oklch(94.8% 0.016 92);   /* bandas alternadas */
  --color-paper-3:      oklch(91.5% 0.020 92);   /* hover suave */
  --color-ink:          oklch(23% 0.022 150);    /* verde casi negro */
  --color-ink-soft:     oklch(45% 0.018 150);    /* texto secundario */
  --color-ink-faint:    oklch(60% 0.014 150);    /* metadatos */
  --color-accent:       oklch(47% 0.090 148);    /* verde hoja */
  --color-accent-deep:  oklch(36% 0.075 148);
  --color-accent-wash:  oklch(93% 0.030 148);
  --color-brick:        oklch(53% 0.110 44);     /* ladrillo, solo detalles */
  --color-brick-wash:   oklch(94% 0.030 44);
  --color-line:         oklch(87% 0.014 92);
  --color-line-strong:  oklch(78% 0.018 92);
  --color-focus:        oklch(45% 0.140 250);
  --color-danger:       oklch(48% 0.150 27);
  --color-danger-wash:  oklch(95% 0.030 27);
  --color-ok:           oklch(46% 0.090 150);
  --color-ok-wash:      oklch(94% 0.035 150);
  --color-on-accent:    oklch(98% 0.008 92);
  --color-shade:        oklch(23% 0.022 150 / 0.55);  /* velo sobre fotos */

  /* ---- Tipografía ---- */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --text-xs:        0.8125rem;
  --text-sm:        0.9375rem;
  --text-base:      1.0625rem;   /* 17px — público 35-65, no bajar de acá */
  --text-lg:        1.1875rem;
  --text-xl:        1.375rem;
  --text-2xl:       1.75rem;
  --text-3xl:       2.25rem;
  --text-4xl:       3rem;
  --text-display-s: 3.75rem;
  --text-display:   clamp(2.75rem, 7vw, 5.25rem);

  --leading-tight: 1.08;
  --leading-snug:  1.28;
  --leading-body:  1.62;

  /* ---- Espaciado (escala 4pt) ---- */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 7rem;

  /* ---- Trazos y radios ---- */
  --rule-hair: 1px;
  --rule-thick: 2px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;

  /* ---- Movimiento ---- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 130ms;
  --dur-mid:  240ms;
  --dur-slow: 520ms;

  /* ---- Medida ---- */
  --measure: 63ch;
  --measure-narrow: 48ch;
  --page-max: 1240px;
  --page-pad: clamp(1.25rem, 5vw, 4rem);
}