/* ===== Design Tokens — Cabañas Los Álamos =====
   Paleta y tipografía EXACTAS del brief .docx */
:root{
  /* Color */
  --c-bg:        #ffffff;   /* fondo principal */
  --c-ink:       #1a1a1a;   /* texto */
  --c-ink-soft:  #4a463f;   /* texto secundario (pasa AA sobre blanco/beige) */
  --c-beige:     #f9efd0;   /* fondos de sección cálidos */
  --c-beige-dk:  #f1e3b8;   /* beige un punto más oscuro p/ bordes */
  --c-sand:      #c8a96e;   /* arena: detalles, íconos, separadores */
  --c-sand-dk:   #9c7c43;   /* arena oscura: texto/acento sobre claro (AA) */
  --c-green-wa:  #25d366;   /* WhatsApp */
  --c-green-wa-dk:#128c4a;
  --c-overlay:   rgba(20,18,14,.50); /* scrim sobre fotos */

  /* Tipografía */
  --f-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --f-body:    'Montserrat', system-ui, -apple-system, sans-serif;

  --fs-eyebrow:.78rem;
  --fs-300:.875rem; --fs-400:1rem; --fs-500:1.125rem;
  --fs-h3:clamp(1.5rem,1.1rem + 1.6vw,2rem);
  --fs-h2:clamp(2rem,1.4rem + 2.6vw,3.2rem);
  --fs-h1:clamp(2.8rem,2rem + 5vw,5.5rem);

  --lh-tight:1.05; --lh-body:1.7;

  /* Spacing (4/8) */
  --s-1:.5rem; --s-2:1rem; --s-3:1.5rem; --s-4:2rem;
  --s-5:2.5rem; --s-6:3rem; --s-8:4rem; --s-10:5rem; --s-12:6rem; --s-16:8rem;

  --radius:14px; --radius-lg:22px; --radius-pill:999px;
  --shadow-sm:0 4px 14px rgba(26,26,26,.07);
  --shadow:0 14px 40px rgba(26,26,26,.12);
  --shadow-lg:0 30px 60px rgba(26,26,26,.18);

  --container:1200px;
  --gutter:clamp(1.25rem,5vw,3rem);
  --ease:cubic-bezier(.22,.61,.36,1);
  --header-h:72px;
}