/* small toast */
    .toast {
      visibility: hidden;
      min-width: 160px;
      background-color: rgba(0,0,0,0.7);
      color: var(--text);
      text-align: center;
      border-radius: 6px;
      padding: 8px 12px;
      position: fixed;
      z-index: 2000;
      left: 50%;
      bottom: 56px;
      transform: translateX(-50%);
      opacity: 0;
      transition: opacity 0.4s ease, visibility 0.4s;
      font-family: inherit;
      font-size: 13px;
    }
    .toast.show { visibility: visible; opacity: 1; }



/* Esto hará que el toast sea blanco con texto oscuro solo en modo claro */
body[data-theme="light"] .toast {
  background-color: #ffffff;
  color: var(--text);
  border: 1px solid var(--border);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* TERMINAL THEME SPECIFIC TOAST */
body[data-theme="terminal"] .toast {
  background-color: #000000;      /* Fondo negro puro */
  color: var(--text);             /* Texto verde neón */
  border: 1px solid var(--text);  /* Borde verde neón */
  box-shadow: 0 0 10px rgba(0, 255, 0, 0.2); /* Opcional: un ligero resplandor */
  font-family: var(--brand-font); /* Usa la fuente mono que definiste */
}