/* ============================================================
   Integración Contable Acontry — Tokens de marca
   Paleta derivada del logo oficial (azul #3250A0, verde #32A08C)
   Importar una sola vez y reutilizar en panel, portal y landing.
   ============================================================ */

:root {
  /* ---- Azul Acontry (primario) ---- */
  --acontry-azul-50:  #EFF1F7;
  --acontry-azul-100: #DAE0EE;
  --acontry-azul-200: #B1BCDB;
  --acontry-azul-300: #8496C6;
  --acontry-azul-400: #5770B1;
  --acontry-azul-500: #3250A0;  /* base — color oficial del logo */
  --acontry-azul-600: #2B4489;
  --acontry-azul-700: #243A74;
  --acontry-azul-800: #1E3060;

  /* ---- Verde Acontry (secundario / acentos) ---- */
  --acontry-verde-50:  #EFF7F6;
  --acontry-verde-100: #DAEEEA;
  --acontry-verde-200: #B1DBD3;
  --acontry-verde-300: #84C6BA;
  --acontry-verde-400: #57B1A1;
  --acontry-verde-500: #32A08C;  /* base — color oficial del logo */
  --acontry-verde-600: #2B8678;
  --acontry-verde-700: #246F67;
  --acontry-verde-800: #1E5856;

  /* ---- Neutros ---- */
  --acontry-gris-50:  #F7F8FA;
  --acontry-gris-100: #EDEFF3;
  --acontry-gris-200: #DCE0E8;
  --acontry-gris-300: #B9C0CC;
  --acontry-gris-400: #8A93A3;
  --acontry-gris-500: #5E6675;
  --acontry-gris-600: #434A57;
  --acontry-gris-700: #2C313B;
  --acontry-gris-800: #1A1D24;
  --blanco: #FFFFFF;

  /* ---- Tokens semánticos (usar estos en los componentes) ---- */
  --color-primario:        var(--acontry-azul-500);
  --color-primario-hover:  var(--acontry-azul-600);
  --color-primario-activo: var(--acontry-azul-700);

  --color-acento:          var(--acontry-verde-500);
  --color-acento-hover:    var(--acontry-verde-600);

  --texto-principal:   var(--acontry-gris-800);
  --texto-secundario:  var(--acontry-gris-500);
  --texto-sobre-color: var(--blanco);

  --fondo-pagina:  var(--acontry-gris-50);
  --fondo-tarjeta: var(--blanco);
  --borde:         var(--acontry-gris-200);
  --borde-fuerte:  var(--acontry-gris-300);

  /* Estados (semáforo de obligaciones/documentos) */
  --estado-ok-fondo:   var(--acontry-verde-50);
  --estado-ok-texto:   var(--acontry-verde-800);
  --estado-info-fondo: var(--acontry-azul-50);
  --estado-info-texto: var(--acontry-azul-800);
  --estado-alerta-fondo: #FDF3E7;
  --estado-alerta-texto: #8A4B0A;
  --estado-vencido-fondo: #FCEBEB;
  --estado-vencido-texto: #991B1B;

  /* Radios y tipografía */
  --radio:    8px;
  --radio-lg: 12px;
  --fuente-base: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
}

/* Ejemplos de uso rápido */
.btn-primario {
  background: var(--color-primario);
  color: var(--texto-sobre-color);
  border: none;
  border-radius: var(--radio);
  padding: 10px 18px;
  font-weight: 500;
  cursor: pointer;
}
.btn-primario:hover { background: var(--color-primario-hover); }

.badge-ok {
  background: var(--estado-ok-fondo);
  color: var(--estado-ok-texto);
  border-radius: var(--radio);
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
}