/* =========================================================
   Nicia López Psicóloga — Design tokens
   Fuente de verdad de color/tipografía/espaciado para todo el tema.
   ========================================================= */
:root {
  /* Paleta (heredada del calendario editorial ya aprobado) */
  --color-forest-900: #3f5648;
  --color-forest-700: #5c7a68;
  --color-forest-400: #7d9c88;
  --color-forest-100: #eef2ea;
  --color-ink: #2b2b28;
  --color-cream: #fffdf9;
  --color-gold: #c9a24b;

  /* Semántica */
  --color-bg: var(--color-cream);
  --color-bg-alt: var(--color-forest-100);
  --color-text: var(--color-ink);
  --color-text-muted: #6b6f66;
  --color-primary: var(--color-forest-700);
  --color-primary-dark: var(--color-forest-900);
  --color-accent: var(--color-gold);
  --color-border: #e2e6dd;

  /* Tipografía */
  --font-heading: 'Fraunces', 'Georgia', serif;
  --font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --fs-xs: 0.8rem;
  --fs-sm: 0.9rem;
  --fs-base: 1rem;
  --fs-lg: 1.15rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 2rem;
  --fs-3xl: 2.75rem;
  --fs-4xl: 3.5rem;

  /* Espaciado */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* Radios y sombras */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --shadow-soft: 0 12px 40px -12px rgba(63, 86, 72, 0.32), 0 4px 14px rgba(43, 43, 40, 0.06);
  --shadow-card: 0 6px 24px -8px rgba(43, 43, 40, 0.14), 0 1px 0 rgba(255, 255, 255, 0.7) inset;

  /* Layout */
  --container-max: 1160px;
  --transition-base: 220ms ease;
}

/* En móvil el espaciado vertical pensado para escritorio (--space-xl/2xl)
   deja huecos en blanco desproporcionados entre secciones; lo reducimos
   para que las secciones se sientan compactas y bien encuadradas. */
@media (max-width: 640px) {
  :root {
    --space-lg: 2rem;
    --space-xl: 2.5rem;
    --space-2xl: 3.5rem;
  }
}