/* Design tokens — HUMANITAS I.P.S.
   Paleta muestreada del sitio vigente humanitas.com.co (colores ya aplicados,
   no los de la plantilla de WordPress):
     azul corporativo #0033A0 · celeste #00A2E3 · marino de la ola #012351
     fondo de secciones #F0FCFF · texto #444444
   El rojo #D80100 sale del logo y se usa SOLO para el aviso de urgencias.
   Cambia aqui y cambia todo el sitio. */

:root {
  /* Superficies */
  --color-page: oklch(94% 0.012 226);

  /* Cielo: del azul corporativo al marino de la ola del hero actual */
  --color-sky-top: oklch(42% 0.175 262);
  --color-sky-mid: oklch(34% 0.145 262);
  --color-sky-bottom: oklch(26.4% 0.088 261.5); /* #012351 */

  /* Tinta */
  --color-cream: oklch(98% 0.006 236); /* blanco frio sobre el azul */
  --color-cream-soft: oklch(98% 0.006 236 / 0.76);
  --color-ink: oklch(37.8% 0.182 262.5); /* #0033A0 */
  --color-accent: oklch(67.4% 0.145 236.1); /* #00A2E3 */
  --color-accent-light: oklch(83% 0.1 228); /* acento legible sobre azul */
  --color-on-accent: oklch(26.4% 0.088 261.5); /* texto sobre el celeste */
  --color-alert: oklch(55.4% 0.227 29.3); /* #D80100 del logo */

  /* Superficies claras (secciones y paginas internas) */
  --color-paper: oklch(100% 0 0);
  --color-paper-tint: oklch(98.3% 0.013 214.4); /* #F0FCFF */
  --color-rule: oklch(37.8% 0.182 262.5 / 0.16);
  --color-body-text: oklch(38.7% 0 90); /* #444444 */

  /* Vidrio */
  --glass-fill: oklch(52% 0.12 250 / 0.38);
  --glass-stroke: oklch(100% 0 0 / 0.26);
  --glass-blur: 18px;

  /* Tipografia */
  --font-display: "Bricolage Grotesque", "Plus Jakarta Sans", system-ui, sans-serif;
  --font-body: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;

  --text-xs: 0.6875rem;
  --text-sm: 0.8125rem;
  --text-base: clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem);
  --text-lead: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --text-card: clamp(1rem, 0.9rem + 0.4vw, 1.25rem);
  --text-h2: clamp(1.75rem, 1.2rem + 2.2vw, 3.25rem);
  --text-h3: clamp(1.125rem, 1rem + 0.6vw, 1.5rem);
  --text-hero: clamp(2.375rem, 1rem + 4.9vw, 4.875rem);
  --text-stat: clamp(2.25rem, 1.4rem + 3vw, 4rem);

  /* Ritmo */
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --gutter: clamp(1.25rem, 0.5rem + 2.6vw, 3.25rem);
  --space-section: clamp(3.5rem, 2.5rem + 4.5vw, 8rem);

  /* Formas */
  --radius-stage: 30px;
  --radius-card: 22px;
  --radius-pill: 999px;

  /* Movimiento */
  --duration-fast: 160ms;
  --duration-normal: 320ms;
  --duration-slow: 620ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.5, 1);

  /* Sombras */
  --shadow-pill: 0 10px 24px oklch(20% 0.09 262 / 0.34);
  --shadow-card: 0 18px 46px oklch(20% 0.09 262 / 0.3);
  --shadow-hero: 0 60px 90px oklch(18% 0.08 262 / 0.42);
  --shadow-lift: 0 14px 34px oklch(37.8% 0.182 262.5 / 0.16);
}