/* Tokens de diseño del sitio. Los colores NO se definen acá: vienen de
   paleta.css (paleta unificada de PYG Group, Labs y Tech), que se carga antes.
   Los estilos usan directamente sus roles: --bg, --surface, --text, --link… */
:root {
  /* Tipografía: DM Mono, solo 300, 400 y 500 */
  --fuente: 'DM Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  --peso-cuerpo: 300;
  --peso-titular: 400;
  --peso-enfasis: 500;

  --texto-display: clamp(2.5rem, 1.1rem + 5.6vw, 6.25rem);
  --texto-titulo: clamp(2rem, 1.3rem + 2.8vw, 3.75rem);
  --texto-destacado: clamp(1.375rem, 1.05rem + 1.3vw, 2.25rem);
  --texto-cuerpo: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --texto-chico: 0.875rem;
  --texto-etiqueta: 0.75rem;

  --tracking-display: -0.04em;
  --tracking-etiqueta: 0.16em;

  /* Espacios y formas */
  --espacio-1: 6px;
  --espacio-2: 12px;
  --espacio-3: 18px;
  --espacio-4: 24px;
  --espacio-5: 36px;
  --espacio-6: 60px;
  --espacio-7: 96px;
  --espacio-8: 120px;

  --radio: 24px;
  --radio-chico: 12px;
  --ancho-max: 1280px;
  --margen: clamp(16px, 5vw, 64px);

  /* Movimiento: solo transform y opacity */
  --curva: cubic-bezier(0.22, 0.61, 0.36, 1);
  --duracion: 350ms;
  --duracion-entrada: 700ms;
}