/* ============================================================
   PLS Pharma — Sistema de diseño (design tokens)
   Cargado en front y en el editor de Elementor.
   ============================================================ */
:root{
  /* Marca */
  --pls-blue:        #1A8FD1;   /* azul principal */
  --pls-blue-dark:   #0C6DA8;   /* azul oscuro (botones, hover) */
  --pls-blue-deep:   #15597F;   /* azul profundo (títulos serif) */
  --pls-blue-tint:   #E9F5FB;   /* fondo secciones */
  --pls-blue-tint-2: #DCEEF7;
  --pls-green:       #7FBA33;   /* verde acento */
  --pls-green-dark:  #6AA327;   /* verde hover */
  --pls-green-soft:  #EEF6E2;
  --pls-navy:        #2E3D48;   /* pie de página */
  --pls-navy-2:      #26333D;
  --pls-red:       #D33A3A;   /* rojo marca (etiqueta de producto) */
  --pls-red-dark:  #B72C2C;   /* rojo hover */

  /* Texto */
  --pls-ink:    #2B3843;
  --pls-body:   #4A5A66;
  --pls-muted:  #8A98A3;
  --pls-line:   #E2E9EE;
  --pls-white:  #FFFFFF;

  /* Tipografía */
  --pls-serif: "Lora", Georgia, "Times New Roman", serif;
  --pls-sans:  "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Radios y sombras */
  --pls-radius:    14px;
  --pls-radius-lg: 26px;
  --pls-radius-pill: 999px;
  --pls-shadow:    0 18px 45px -22px rgba(21,89,127,.35);
  --pls-shadow-sm: 0 8px 22px -14px rgba(21,89,127,.30);

  /* Gradiente de presentación (hero) */
  --pls-hero-grad: linear-gradient(105deg, #0C6DA8 0%, #1A8FD1 45%, #6FC6EA 100%);

  /* Layout */
  --pls-container: 1200px;
}