@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

:root {
  --color-blue: #163A43;
  --color-yellow: #CDAA67;
  --color-white: #ffffff;
  --color-bg-light: #f7f9fc;
  --color-text-dark: #1a202c;
  --color-text-muted: #718096;
  --color-border: #e8ecef;
  --color-whatsapp: #1B5E4F;
  --color-whatsapp-flotante: #25D366;
  --color-whatsapp-hover: #20ba5a;

  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;

  --font-h1: 2.5rem; /* ~40px - Títulos principales (Hero / Páginas) */
  --font-h2: 2rem; /* ~32px - Encabezados de sección */
  --font-h3: 1.5rem; /* ~24px - Subtítulos / Subsecciones */
  --font-h4: 1.25rem; /* ~20px - Títulos de Cards / Tarjetas */
  --font-h5: 1.1rem; /* ~17.5px - Títulos pequeños */
  --font-h6: 1rem; /* ~16px */

  --font-weight-bold: 700;
  --font-weight-medium: 600;
  --font-weight-regular: 400;
}