/* Healthy Resonance — tokens (Sistema de Marca §3). Cambios deliberados de marca van primero al vault. */
:root {
  --primary: #1f3528;
  --primary-light: #2d4a3e;
  --primary-dark: #131f18;
  --accent: #ddaa3c;
  --accent-hover: #e4b858;
  --accent-deep: #c18a25;
  --accent-readable: #ebc470;
  --accent-ink: #755215;
  --gold-sand: #d4b896;
  --electric: #e4b858;
  --background: #1f3528;
  --background-warm: #2d4a3e;
  --bg-light: #e5ebd9;
  --bg-light-warm: #f0ede0;
  --bg-card: #dde2d0;
  --dark: #131f18;
  --dark-surface: #2d4a3e;
  --wa-green: #25d366;

  --text-primary: #e8e4d8;
  --text-secondary: #d8d4c6;
  --text-muted: #8fa88a;
  --text-inverse: #1f3528;
  --text-on-light: #1f3528;
  --text-on-light-secondary: #3d5b47;

  --border-subtle: rgba(45, 74, 62, 0.1);
  --border-medium: rgba(45, 74, 62, 0.2);
  --border-accent: rgba(221, 170, 60, 0.3);
  --border-on-dark: rgba(232, 228, 216, 0.12);
  --tint-gold: rgba(221, 170, 60, 0.06);
  --tint-gold-border: rgba(221, 170, 60, 0.22);
  --nav-bg: rgba(19, 31, 24, 0.97);
  --shimmer: rgba(255, 255, 255, 0.15);

  --font-heading: "Plus Jakarta Sans", "Outfit", -apple-system, sans-serif;
  --font-drama: "Cormorant Garamond", Georgia, serif;
  --font-body: "Plus Jakarta Sans", -apple-system, sans-serif;

  --fs-hero: clamp(2.5rem, 5.5vw + 1rem, 5rem);
  --fs-h2: clamp(1.85rem, 3.5vw, 3.2rem);
  --fs-h3: clamp(1.3rem, 1.6vw, 1.7rem);
  /* Piso +50: el cuerpo no baja de ~19px en mobile ni de ~21px en escritorio */
  --fs-body: clamp(1.15rem, 0.55vw + 1.05rem, 1.3rem);
  --fs-small: clamp(1.02rem, 0.4vw + 0.95rem, 1.12rem);
  --fs-label: 0.9rem;
  --lh-display: 1.12;
  --lh-body: 1.75;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --section-py: clamp(4rem, 8vw, 8rem);
  --gutter: clamp(1.25rem, 4vw, 2.5rem);

  --radius-sm: 0.75rem;
  --radius-md: 1.25rem;
  --radius-lg: 2rem;
  --radius-full: 999px;

  --shadow-sm: 0 1px 2px rgba(19, 31, 24, 0.06), 0 2px 8px -4px rgba(19, 31, 24, 0.1);
  --shadow-md: 0 4px 12px -4px rgba(19, 31, 24, 0.12), 0 12px 32px -16px rgba(19, 31, 24, 0.18);
  --shadow-glass: 0 8px 32px -8px rgba(19, 31, 24, 0.35);

  --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out-expo: cubic-bezier(0.22, 1, 0.36, 1);
  --transition-fast: 150ms var(--ease-smooth);
  --transition-base: 250ms var(--ease-smooth);

  --container-max: 1200px;
  --container-narrow: 880px;
  /* Peor caso medido del nav; main.js lo sube si hace falta */
  --chrome-h: 76px;
}