/* ============================================
   B-HUMANO — DESIGN TOKENS
   Fuente: Guía de marca (paleta, tipografía)
   ============================================ */

:root {
  /* Colores de marca */
  --color-primario: #0D47A1;
  --color-secundario: #1976D2;
  --color-acento-claro: #E3F2FD;
  --color-acento: #26C6DA;
  --color-texto: #0A1F3D;
  --color-fondo: #F5F7FA;
  --color-blanco: #FFFFFF;

  /* Variantes de texto sobre color */
  --color-texto-claro: #5A6B85;
  --color-borde: #D8E1EC;

  /* Tipografía */
  --font-primary: 'Poppins', sans-serif;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Tamaños tipográficos */
  --fs-h1: clamp(2rem, 4vw + 1rem, 3rem);       /* 32px - 48px */
  --fs-h2: clamp(1.5rem, 2.5vw + 1rem, 2rem);    /* 24px - 32px */
  --fs-h3: clamp(1.25rem, 1.5vw + 1rem, 1.5rem); /* 20px - 24px */
  --fs-body: 1rem;                                /* 16px */
  --fs-small: 0.875rem;                           /* 14px */

  /* Line-height */
  --lh-heading: 1.25;
  --lh-body: 1.6;

  /* Espaciado (escala 8px) */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* Bordes y sombras */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --shadow-sm: 0 2px 8px rgba(10, 31, 61, 0.06);
  --shadow-md: 0 8px 24px rgba(10, 31, 61, 0.10);
  --shadow-hover: 0 6px 16px rgba(13, 71, 161, 0.18);

  /* Layout */
  --container-max: 1200px;
  --transition-base: 0.25s ease;
}