/* Tweaks au-dessus de Tailwind */
html { color-scheme: dark; }

body {
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background-image:
    radial-gradient(circle at 0% 0%, rgba(99, 102, 241, 0.08), transparent 50%),
    radial-gradient(circle at 100% 0%, rgba(217, 70, 239, 0.06), transparent 50%);
}

.doc-tab.active {
  background-color: rgb(38 38 38);
  color: white;
}

#doc-canvas {
  image-rendering: -webkit-optimize-contrast;
  background: #0a0a0a;
}

/* Transition fluide sur regenerate */
#avatar, [data-value] {
  transition: opacity 0.2s ease;
}
.is-loading #avatar,
.is-loading [data-value] {
  opacity: 0.4;
}

/* Toast copy */
.toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  background: rgb(24 24 27);
  border: 1px solid rgb(63 63 70);
  color: white;
  padding: 10px 16px;
  border-radius: 10px;
  font-size: 13px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s ease;
  z-index: 50;
}
.toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }