:root {
  --font-primary: 'Inter', sans-serif;

  --text-display-xl: clamp(2.5rem, 8vw, 4rem);
  --text-display-l: clamp(2rem, 6vw, 3rem);

  --text-heading-xl: clamp(1.75rem, 5vw, 2.5rem);
  --text-heading-l: clamp(1.5rem, 4vw, 2rem);
  --text-heading-m: clamp(1.25rem, 3vw, 1.5rem);

  --text-body-l: 18px;
  --text-body-m: 16px;
  --text-body-s: 14px;

  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
}

body {
  font-family: var(--font-primary);
  font-size: var(--text-body-m);
  color: var(--color-text-primary);
  overflow-x: hidden;
  /* Evita scrolls laterales accidentales en todas las páginas */
}