/* ==========================================================================
   tokens.css — Paleta, tipografía, espaciado
   Kellington Labs
   ========================================================================== */

:root {
  /* Colores */
  --color-black: #000000;
  --color-white: #ffffff;
  --color-text: #1d1b1b;        /* texto sobre fondo blanco */
  --color-text-on-dark: #ffffff; /* texto sobre hero / CTA oscuro */
  --color-dark-section: #28282a; /* fondo sección CTA "Challenges..." */
  --color-btn-text: #2f2d2d;     /* texto de botones claros */
  --color-border-light: #d6d6d6;
  --color-input-bg: #f5f5f5;
  --color-logo-gray: #4a4a4a;

  /* Tipografía */
  --font-heading: 'Poppins', sans-serif; /* sustituye acumin-pro (Typekit, de pago) */
  --font-body: 'Poppins', sans-serif;

  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;

  --fs-h1: 2.75rem;      /* ~44px, hero / titulares grandes */
  --fs-h2: 2.25rem;      /* subtítulos de sección */
  --fs-body: 1rem;       /* 16px */
  --fs-small: 0.875rem;

  --lh-heading: 1.3;
  --lh-body: 1.8;

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

  /* Layout */
  --container-max: 1200px;
  --container-pad: 4vw;
  --transition: 0.2s ease;
}