/* ============================================
   VARIABLES GLOBALES (Design Tokens)
   Paleta tomada del diseño de marca Haz Clean.
   ============================================ */
:root {
  /* Colores de marca (paleta corporativa oficial Haz Clean) */
  --color-primary: #4cbab2;      /* teal corporativo */
  --color-primary-dark: #3a968f; /* teal corporativo, variante oscura para hover */
  --color-dark-teal: #055d85;    /* azul corporativo */
  --color-mint: #a3e0d9;         /* teal corporativo, tinte claro */

  --color-dark: #074258;
  --color-text: #40565a;
  --color-text-light: #718589;
  --color-bg: #fbfdfc;
  --color-bg-alt: #efefef;       /* gris corporativo */
  --color-white: #ffffff;
  --color-error: #e05252;
  --color-success: #2f9e6e;

  /* Tipografía */
  --font-body: "Poppins", system-ui, -apple-system, sans-serif;
  --fs-h1: clamp(1.75rem, 4.5vw, 3rem);
  --fs-h2: clamp(1.5rem, 3.5vw, 2.25rem);
  --fs-h3: 1.125rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  /* Espaciado */
  --section-padding: 6.5rem 0;
  --container-width: 1280px;
  --gap: 2rem;

  /* Otros */
  --radius: 20px;
  --radius-pill: 999px;
  --shadow: 0 24px 60px rgba(20, 79, 90, 0.13);
  --shadow-soft: 0 10px 30px rgba(20, 79, 90, 0.08);
  --transition: 0.3s ease;
  --header-height: 4.75rem;
}