/* === LAFAM × SANTIAGO RAFAEL — SAGE HERBAL + GOLD === */
/* Identidad heredada de detox-abreloscaminos                  */
:root {
  /* Superficies */
  --bg-canvas: #E5EBD9;          /* sage cream */
  --bg-surface: #F0EDE0;         /* crema cálido */
  --bg-card: #DDE2D0;             /* sage más profundo */
  --bg-dark: #1F3528;             /* verde casi negro */
  --bg-dark-surface: #2D4A3E;     /* verde bosque */

  /* Texto */
  --text-primary: #1F3528;
  --text-secondary: #3D5B47;
  --text-muted: #5F7B5C;
  --text-inverse: #E8E4D8;

  /* Acentos */
  --accent: #C9A96E;              /* dorado principal */
  --accent-hover: #D4B976;
  --accent-deep: #B89856;
  --accent-readable: #DCBC85;     /* dorado claro para texto chico sobre fondos dark */

  /* Bordes */
  --border-subtle: rgba(45, 74, 62, 0.10);
  --border-medium: rgba(45, 74, 62, 0.20);
  --border-accent: rgba(201, 169, 110, 0.35);
  --border-on-dark: rgba(232, 228, 216, 0.12);

  /* Tags por categoría (sobre paleta sage) */
  --accent-red-bg: rgba(196, 69, 54, 0.12);
  --accent-red-text: #C44536;
  --accent-blue-bg: rgba(74, 124, 137, 0.12);
  --accent-blue-text: #3D6873;
  --accent-green-bg: rgba(74, 124, 89, 0.15);
  --accent-green-text: #4A7C59;
  --accent-yellow-bg: rgba(201, 169, 110, 0.18);
  --accent-yellow-text: #8A6E3A;

  /* Tipografías */
  --font-display: 'Plus Jakarta Sans', 'Outfit', -apple-system, sans-serif;
  --font-body:    'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-serif:   'Cormorant Garamond', Georgia, serif;
  --font-mono:    'IBM Plex Mono', 'JetBrains Mono', monospace;

  /* Escala tipográfica */
  --fs-hero: clamp(2.75rem, 6vw + 1rem, 5.5rem);
  --fs-h2: clamp(1.85rem, 3.5vw, 3.2rem);
  --fs-h3: clamp(1.3rem, 1.6vw, 1.7rem);
  --fs-body: clamp(1rem, 0.5vw + 0.95rem, 1.15rem);
  --fs-small: 1rem;
  --fs-mono: 0.95rem;
  --fs-tag: 0.85rem;

  --lh-display: 1.18;
  --lh-body: 1.75;

  --letter-tight: -0.015em;

  /* Espaciado — escala 1.5x */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 6.75rem;
  --space-8: 10rem;

  --section-py: clamp(4.5rem, 9vw, 7rem);

  /* Header + secciones con curva */
  --header-h: 100px;
  --curve-gutter: 40px;
  --section-py-curve: calc(var(--curve-gutter) + var(--space-4));

  /* Z-index escala */
  --z-base: 1;
  --z-sticky: 100;
  --z-modal: 500;
  --z-toast: 1500;
  --z-overlay: 2000;

  /* Radios orgánicos */
  --radius-sm: 0.75rem;
  --radius-md: 1.25rem;
  --radius-lg: 2rem;
  --radius-pill: 9999px;

  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-base: 250ms var(--ease-smooth);

  --container-max: 1200px;
  --container-narrow: 880px;
}