/* ══════════════════════════════════════════
   HV26 - DESIGN TOKENS
   Incluir UNA VEZ en el header global
══════════════════════════════════════════ */
:root {
  /* Colores */
  --hv-green:        #27503b;
  --hv-green-dark:   #1e3d2d;
  --hv-green-light:  #27503a;
  --hv-text:         #1a1a1a;
  --hv-text-muted:   #333333;
  --hv-text-soft:    #333333;
  --hv-text-list:    #3a3a3a;
  --hv-border:       1px solid #27503b;
  --hv-border-light: 1px solid #27503b;
  --hv-border-gray:  1px solid #e0e0e0;
  --hv-white-85:     rgba(255,255,255,0.85);
  --hv-white-88:     rgba(255,255,255,0.88);

  /* Radios */
  --hv-radius-sm:   12px;
  --hv-radius-md:   16px;
  --hv-radius-lg:   18px;
  --hv-radius-xl:   20px;
  --hv-radius-pill: 9999px;

  /* Sombras */
  --hv-shadow-card: 0 2px 24px rgba(0,0,0,0.07);

  /* Overlays de imagen */
  --hv-overlay-dark: linear-gradient(
    rgba(10,30,18,0.55),
    rgba(10,30,18,0.55)
  );
  --hv-overlay-darker: linear-gradient(
    rgba(18,45,28,0.84),
    rgba(18,45,28,0.84)
  );
}