/* =============================================
   FONTS — WEPY.AI
   Familias tipográficas, escala de tamaños
   y estilos base del cuerpo de texto.
   Cargado desde index.html después de global.css.
   ============================================= */


/* =============================================
   VARIABLES TIPOGRÁFICAS
   ============================================= */
:root {
  /* Familias */
  --font-body:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;

  /* Escala de tamaños (base: 1rem = 16px) */
  --text-xs:   0.75rem;    /* 12px */
  --text-sm:   0.875rem;   /* 14px */
  --text-base: 1rem;       /* 16px */
  --text-lg:   1.125rem;   /* 18px */
  --text-xl:   1.25rem;    /* 20px */
  --text-2xl:  1.5rem;     /* 24px */
  --text-3xl:  1.875rem;   /* 30px */
  --text-4xl:  2.25rem;    /* 36px */
  --text-5xl:  3rem;       /* 48px */
  --text-6xl:  3.75rem;    /* 60px */

  /* Pesos */
  --font-regular:   400;
  --font-medium:    500;
  --font-semibold:  600;
  --font-bold:      700;

  /* Interlineado */
  --leading-tight:  1.15;
  --leading-snug:   1.35;
  --leading-normal: 1.6;
  --leading-loose:  1.8;

  /* Tracking (letter-spacing) */
  --tracking-tight:  -0.02em;
  --tracking-normal:  0em;
  --tracking-wide:    0.02em;
}


/* =============================================
   ESTILOS BASE DEL BODY
   ============================================= */
body {
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}


/* =============================================
   JERARQUÍA TIPOGRÁFICA BASE
   Solo valores por defecto — los componentes
   sobreescriben según su contexto.
   ============================================= */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-body);
  font-weight: var(--font-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--color-text);
}

p {
  line-height: var(--leading-normal);
}