/* Design tokens — extraídos del PDF (/design/sitioweb-ITX-2026.pdf) y del logo SVG (/images) */
:root {
  /* Color */
  --color-navy: #1d1d3a;
  --color-lime: #d2fa26;
  --color-gray-light: #f6f6f7;
  --color-white: #ffffff;
  --color-blue: #009bd0;
  /* TODO: confirmar tono exacto del glow cálido (card EasyPods) cuando las cards estén montadas visualmente */
  --color-glow-warm: #ff6b4a;

  --text-on-dark: var(--color-white);
  --text-on-light: var(--color-navy);
  --text-on-lime: var(--color-navy);

  /* Tipografía — Montserrat (confirmado en el PDF: Regular/Medium/SemiBold/Bold/ExtraBold) */
  --font-family-base: "Montserrat", sans-serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;

  --fs-label: 0.75rem;   /* 12px — botones, nav */
  --fs-body: 1rem;       /* 16px — cuerpo */
  --fs-lead: 1.125rem;   /* 18px — subtítulos/leads */
  --fs-heading: 1.875rem; /* 30px — headlines de sección */

  /* Espaciado */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;
  --space-8: 6rem;

  /* Radios */
  --radius-pill: 999px;
  --radius-card: 1.5rem;

  /* Layout */
  --container-max: 1280px;
}