/* Hallmark · macrostructure: H6-Photographic Hero (editorial long-document)
 * nav: N6 Masthead · footer: Ft5 Statement
 * genre: editorial · theme: custom — parrilla/brasa (paper light >85% · accent warm-red hue 28 · display high-contrast-serif)
 * pre-emit critique: P5 H4 E5 S4 R5 V5
 * audience: locales + viajeros en Salta · use: reservar por WhatsApp · tone: criollo-hospitalario
 */

:root {
  /* —— Paleta parrilla/brasa (design.md) —— */
  --color-paper:    oklch(96%  0.018 72);   /* crema-oat cálido */
  --color-paper-2:  oklch(91%  0.022 68);   /* crema tostada */
  --color-rule:     oklch(79%  0.018 65);   /* borde madera suave */
  --color-neutral:  oklch(54%  0.012 60);   /* gris cálido terroso */
  --color-muted:    oklch(40%  0.010 55);   /* texto secundario cuero */
  --color-ink:      oklch(19%  0.018 45);   /* negro carbón cálido */
  --color-ink-deep: oklch(14%  0.020 40);   /* fondo oscuro brasa */
  --color-accent:   oklch(50%  0.19  28);   /* rojo ladrillo salteño ≤5% */
  --color-accent-2: oklch(55%  0.21  28);   /* rojo hover */
  --color-focus:    oklch(55%  0.21  28);
  --color-gold:     oklch(72%  0.14  72);   /* dorado ámbar — con mesura */
  --color-wa:       oklch(62%  0.16 150);   /* verde WhatsApp */
  --color-wa-2:     oklch(56%  0.16 150);

  --color-on-dark:  oklch(95%  0.015 75);

  /* —— Tipografía —— */
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body:    "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono:    "Geist Mono", ui-monospace, "SFMono-Regular", monospace;

  /* —— Escala (Major Third 1.25) —— */
  --step--1: clamp(0.83rem, 0.2vw + 0.78rem, 0.9rem);
  --step-0:  clamp(1rem, 0.3vw + 0.92rem, 1.12rem);
  --step-1:  clamp(1.2rem, 0.5vw + 1.05rem, 1.4rem);
  --step-2:  clamp(1.5rem, 1vw + 1.2rem, 2rem);
  --step-3:  clamp(1.95rem, 2vw + 1.3rem, 3rem);
  --display: clamp(2.75rem, 5vw + 1rem, 5.25rem);

  /* —— Espaciado (4pt) —— */
  --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem;
  --sp-6: 1.5rem; --sp-8: 2rem; --sp-12: 3rem; --sp-16: 4rem;
  --sp-20: 5rem; --sp-24: 6rem; --sp-32: 8rem;

  --maxw: 72rem;
  --maxw-narrow: 44rem;
  --radius: 4px;
  --radius-lg: 10px;

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}