/* =============================================
   Plataforma AP — Design
   Fuente de verdad: colores, tipografía, espaciado.

   Para cambiar el branding de una instalación,
   solo tocar la sección "Marca" y "Nav / Tabs".
   El resto del sistema se actualiza solo.
   ============================================= */
:root {

  /* ── Marca ────────────────────────────────────
     Primario: color principal de la app
     (botones, links, badges, highlights)        */
  --bp:        #5B4FD9;   /* primario base         #5B4FD9*/
  --bpd:       #4A3FBE;   /* primario dark (hover) #4A3FBE */
  --bpl:       #EEEDFE;   /* primario light (fondo) */
  --bp-rgb:    91,79,217; /* para usar en rgba()   */

  /* Secundario: acento, confirmaciones, "Continuar" */
  --bt:        #4ECBA0;
  --btd:       #3AAF8A;

  /* ── Cliente / Asegurador ─────────────────────
     Colores del logo del asegurador (hoy Berkley).
     Cambiar acá si cambia el cliente.             */
  --berkley:   #005030;
  --berkley-l: #EBF3EE;

  /* ── Nav / Tabs ───────────────────────────────
     Cambiar --color-nav-bg para cambiar el color
     de la barra superior de navegación.           */
  --color-nav-bg:    var(--bp);  /* fondo del nav superior     */
  --color-tabs-bg:   #F4F4F4;   /* fondo de la barra de tabs  */


   /* ── Nav / Tabs ───────────────────────────────  */
   --bg-even-row: #e9e9e9;     /* fondo de la lines pares de la tana de historial    */

  /* ── Semánticos ───────────────────────────────  */
  --success:         #1D9E75;
  --danger:          #D85A30;
  --danger-dark:     #C24A26;   /* hover de botón destructivo */
  --danger-light:    #FEF0EB;   /* fondos suaves de error     */
  --warning:         #854F0B;
  --warning-light:   #FAEEDA;   /* fondos suaves de warning   */
  --success-light:   #E1F5EE;   /* fondos suaves de éxito     */
  --gray-light:      #F1EFE8;   /* fondos suaves neutros      */
  --danger-rgb: 216,90,48;

  /* ── UI base ──────────────────────────────────  */
  --bg:                    #F8F8F8;
  --card:                  #FFFFFF;
  --text:                  #2C2C2A;
  --text-sec:              #5F5E5A;
  --text-white:            white;

  --color-accent-text:     #5B4FD9;
  --border:                #E5E5E0;
  --border-input:          #cccccc;      /* inputs, selects, cant-btn  */
  --icon:                  #5B4FD9;       /* íconos     */
  --icon-muted:            #D3D1C7;       /* íconos en empty states     */


   /* ── Botones ──────────────────────────────────── */
   --btn-primario-bg:       #5B4FD9;   /* btn-primary, btn-back     */
   --btn-primario-text:     white;
   --btn-primario-hover:    #4A3FBE;
   
   --btn-sec-bg:           white;   /* btn-sec, inputs           */
   --btn-sec-text:         #2C2C2A;   /* btn-sec, inputs           */
   --btn-sec-border:       #cccccc;   /* btn-sec, inputs           */


   --btn-avance-bg:         #4ECBA0;   /* btn-next                  */
   --btn-avance-hover:      #3AAF8A;
   --btn-primario-text:     white;

   --btn-danger-bg:         #D85A30;   /* btn-next--danger          */
   --btn-danger-hover:      #C24A26;
   --btn-sec-border:        #cccccc;   /* btn-sec, inputs           */
   --btn-agregar-bg:        #EEEDFE;   /* btn-add-person fondo      */
   --btn-agregar-hover:     #E0DEFB;   /* btn-add-person hover      */



  /* ── Radios ───────────────────────────────────  */
  --r-sm:  6px;
  --r:     10px;
  --r-lg:  14px;
  --r-xl:  16px;

  /* ── Sombras ──────────────────────────────────  */
  --shadow:    0 4px 20px rgba(0,0,0,.04);
  --shadow-lg: 0 8px 40px rgba(0,0,0,.12);

  /* ── Spacing ──────────────────────────────────  */
  --space-lg:  1.5rem;


      /* ── Certificado ──────────────────────────────
         Colores del documento de certificado.
         Cambiar acá afecta el preview HTML.
         Para el PDF cambiar también cert_colores
         en configuracion-general.json             */
      --cert-bg:          #EEEEEE;
      --cert-header-bg:    #005030;
      --cert-header-light: #EBF3EE; 
      --cert-border:      #cccccc;
      --cert-texto:       #222222;
      --cert-texto-sec:   #555555;
      --cert-texto-td:    #333333;
      --cert-fila-par:    #F2F8F4;
      --cert-separador:   #dddddd;

   }