/* =====================================================================
   WP Seguro - Tokens de marca
   Un solo archivo para el sitio y el panel: si un color cambia aca,
   cambia en los dos. Antes el panel tenia su propia paleta escrita a
   mano y se desincronizaba sin que nadie lo notara.
   ===================================================================== */

:root{
  /* --- Texto y superficies claras --------------------------------- */
  --wp-tinta:#0d1f38;           /* 16.53:1 sobre blanco */
  --wp-tinta-suave:#4c6179;     /*  6.38:1 */
  --wp-borde:#dbe4ee;           /* decorativo */
  --wp-borde-fuerte:#7598be;    /*  3.00:1, para bordes de formulario */
  --wp-fondo:#ffffff;
  --wp-fondo-suave:#f2f7fc;

  /* --- Superficies oscuras de la marca ---------------------------- */
  --wp-marca:#071a3d;
  --wp-marca-2:#0d2d57;
  --wp-marca-3:#14467f;

  /* --- Proteger (azul). Sobre claro -------------------------------- */
  --wp-proteger:#0063cf;        /*  5.70:1 */
  --wp-proteger-oscuro:#0a4b9c; /*  8.40:1 */
  --wp-proteger-suave:#e8f2ff;

  /* --- Acentos de marca. Los brillantes, solo sobre navy ----------- */
  --wp-turquesa:#19c8d3;        /*  8.37:1 sobre --wp-marca */
  --wp-turquesa-tinta:#0c6268;  /*  7.09:1 sobre blanco */
  --wp-turquesa-suave:#e4f8fa;
  --wp-lima:#b8f846;            /* 13.52:1 sobre --wp-marca */
  --wp-lima-tinta:#4a7004;      /*  5.82:1 sobre blanco */
  --wp-lima-suave:#f1fbdd;

  /* --- Urgente ----------------------------------------------------- */
  --wp-urgente:#c22d1f;         /*  5.69:1 */
  --wp-urgente-oscuro:#97231a;
  --wp-urgente-suave:#fef2f1;

  --wp-aviso:#8a4b0b;           /*  6.42:1 sobre su fondo */
  --wp-aviso-fondo:#fff8e8;
  --wp-aviso-borde:#f6dca2;

  --wp-radio:12px;
  --wp-sombra:0 1px 2px rgba(7,26,61,.06), 0 1px 3px rgba(7,26,61,.08);
  --wp-sombra-alta:0 6px 18px rgba(7,26,61,.12);
}