/* ==========================================================================
   VARIABLES GLOBALES (Design Tokens)
   Toda la paleta de color y tipografía del sitio vive acá.
   Si el negocio cambia de colores o fuente, se edita solo este archivo.
   ========================================================================== */

:root {
  /* --- Colores de marca (definidos por el material de la marca) --- */
  --color-bg: #FFFFFF;              /* Fondo general */
  --color-accent: #00B4D8;          /* Cian/turquesa: botones, ícono estrella, checklist */
  --color-accent-dark: #0093AF;     /* Hover/active del acento */
  --color-accent-tint: #E9F9FC;     /* Tinte muy claro del acento, para fondos de sección */
  --color-heading: #111111;         /* Título principal */
  --color-list-text: #202020;       /* Texto de listas de beneficios */
  --color-body-text: #4A4A4A;       /* Subtítulos / párrafos descriptivos */
  --color-on-accent: #FFFFFF;       /* Texto sobre fondo de acento */

  /* --- Neutros de apoyo (no vienen en la guía, se derivan del blanco/negro) --- */
  --color-border: #E7EDEF;
  --color-surface: #F7FBFC;
  --color-danger: #E5484D;
  --color-whatsapp: #25D366;      /* Verde oficial de WhatsApp: se usa solo en el botón de contacto */
  --color-whatsapp-dark: #1EBE5A;

  /* --- Tipografía --- */
  --font-heading: 'Poppins', 'Segoe UI', Arial, sans-serif;
  --font-body: 'Inter', 'Segoe UI', Arial, sans-serif;

  /* --- Escala tipográfica --- */
  --fs-h1: clamp(2rem, 4.5vw, 3.25rem);
  --fs-h2: clamp(1.6rem, 3vw, 2.25rem);
  --fs-h3: 1.25rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;

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

  /* --- Layout --- */
  --container-width: 1160px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  /* --- Sombras y transiciones --- */
  --shadow-sm: 0 4px 14px rgba(17, 17, 17, 0.06);
  --shadow-md: 0 12px 32px rgba(17, 17, 17, 0.10);
  --transition-base: 0.25s ease;
}