/* ============================================================
   Salubox Alianzas — Tokens de marca
   Fuente: lineamientos de marca de Salubox (Assets-Salubox/css/salubox.css v1.1)
   Nombres canónicos en español — no inventar alias nuevos aquí,
   si falta un valor agregarlo a esta lista, nunca hardcodear en la pantalla.
   ============================================================ */

:root {
  /* --- Colores de marca: logo, íconos, gráficos y detalles (no texto/links) --- */
  --sb-azul: #1789b0;
  --sb-verde: #5a9b4a;

  /* --- Colores de trabajo: botones, links y texto de color --- */
  --sb-azul-fuerte: #126e8d;
  --sb-azul-hover: #0f5972;
  --sb-verde-fuerte: #487c3b;
  --sb-verde-hover: #3a6530;

  /* --- Colores sobre fondo oscuro --- */
  --sb-azul-claro: #7cc6de;
  --sb-verde-claro: #9bcb8e;

  /* --- Estado --- */
  --sb-error: #b02a1f;
  --sb-error-fondo: #fdecea;
  --sb-error-claro: #f09a93;
  --sb-aviso: #8a5a00;
  --sb-aviso-fondo: #fff6e5;
  --sb-aviso-claro: #f0b860;
  --sb-exito: #487c3b;
  --sb-exito-fondo: #edf4ea;
  --sb-exito-claro: #9bcb8e;

  /* --- Neutros --- */
  --sb-tinta: #12303c;
  --sb-texto: #2c444e;
  --sb-texto-suave: #5c7079;
  --sb-borde: #dce3e6;
  --sb-borde-fuerte: #c3ced3;
  --sb-fondo: #ffffff;
  --sb-fondo-suave: #f4f7f8;
  --sb-fondo-azul: #e7f2f6;
  --sb-fondo-verde: #edf4ea;

  /* --- Tipografía --- */
  --sb-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* --- Forma: --sb-caja es el gesto de marca (dos esquinas redondeadas en diagonal) --- */
  --sb-radio: 10px;
  --sb-radio-sm: 6px;
  --sb-caja: 18px 0 18px 0;
  --sb-caja-sm: 10px 0 10px 0;
  --sb-gap: 1.25rem;

  /* --- Sombras --- */
  --sb-sombra: 0 1px 2px rgba(18, 48, 60, .06), 0 8px 24px rgba(18, 48, 60, .08);
  --sb-sombra-hover: 0 4px 8px rgba(18, 110, 141, .12), 0 16px 40px rgba(18, 110, 141, .18);

  /* --- Layout --- */
  --sb-ancho-contenido: 1080px;
}