/* ============================================================
   Cenarbe · Design tokens — Editorial Luxury (hospitality premium)
   ============================================================ */
:root {
  /* — Paleta — */
  --forest-900: #12251C;  /* más profundo: footer, CTA */
  --forest-800: #1C3627;  /* verde marca primario */
  --forest-700: #274A36;
  --forest-600: #34613F;
  --forest-500: #43784E;  /* hover / acento vivo */
  --forest-300: #8FB39A;

  --cream:   #F7F4ED;     /* fondo base */
  --cream-2: #EFE9DE;     /* banda alterna */
  --cream-3: #E6DECF;
  --paper:   #FFFFFF;

  --sand:      #C2A878;   /* acento arena/dorado */
  --sand-soft: #D8C6A3;
  --sand-deep: #A8895A;

  --ink:      #17201A;    /* texto sobre claro */
  --ink-soft: #4C564E;    /* texto secundario */
  --ink-mute: #7C857D;    /* texto terciario / labels */
  --line:     rgba(23,32,26,.12);
  --line-soft:rgba(23,32,26,.07);

  --on-dark:      #F4F1E9;
  --on-dark-soft: rgba(244,241,233,.72);
  --on-dark-mute: rgba(244,241,233,.5);
  --line-dark:    rgba(244,241,233,.16);

  /* — Tipografía — */
  --font-display: "Fraunces", "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* escala fluida */
  --fs-eyebrow: clamp(.68rem, .62rem + .2vw, .74rem);
  --fs-small:   clamp(.82rem, .78rem + .2vw, .9rem);
  --fs-body:    clamp(1rem, .96rem + .2vw, 1.075rem);
  --fs-lead:    clamp(1.12rem, 1rem + .6vw, 1.35rem);
  --fs-h3:      clamp(1.25rem, 1.1rem + .7vw, 1.55rem);
  --fs-h2:      clamp(2rem, 1.5rem + 2.4vw, 3.4rem);
  --fs-h1:      clamp(2.7rem, 1.9rem + 4vw, 5.2rem);
  --fs-display: clamp(3.4rem, 2.2rem + 6vw, 7rem);

  /* — Escala de espaciado (base 4px) — */
  --space-3xs: .25rem;   /*  4 */
  --space-2xs: .5rem;    /*  8 */
  --space-xs:  .75rem;   /* 12 */
  --space-sm:  1rem;     /* 16 */
  --space-md:  1.5rem;   /* 24 */
  --space-lg:  2rem;     /* 32 */
  --space-xl:  3rem;     /* 48 */
  --space-2xl: 4rem;     /* 64 */
  --space-3xl: 6rem;     /* 96 */

  /* — Ritmo semántico (flujo vertical) — */
  --flow-eyebrow: var(--space-sm);                       /* eyebrow → título */
  --flow-heading: 1.25rem;                               /* título → texto */
  --flow-lead: var(--space-lg);                          /* texto lead → CTA/lista */
  --flow-block: clamp(2.75rem, 1.8rem + 3vw, 4.25rem);   /* cabecera de sección → contenido */

  /* — Espaciado / ritmo — */
  --space-section: clamp(5rem, 3rem + 9vw, 9.5rem);
  --gutter: clamp(1.15rem, .6rem + 2.6vw, 2.75rem);
  --maxw: 1240px;
  --maxw-narrow: 940px;

  /* — Radios — */
  --r-sm: 10px;
  --r:    16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* — Sombras (suaves, difusas) — */
  --shadow-card: 0 1px 2px rgba(23,32,26,.04), 0 18px 40px -26px rgba(23,32,26,.28);
  --shadow-soft: 0 30px 70px -45px rgba(18,37,28,.55);
  --shadow-float: 0 40px 90px -50px rgba(18,37,28,.6);
  --inset-hi: inset 0 1px 0 rgba(255,255,255,.5);

  /* — Motion — */
  --ease: cubic-bezier(.32,.72,0,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --dur: .7s;

  --nav-h: 76px;
}