@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  --accent: #ea580c;      /* orange chantier */
  --accent-dark: #c2410c;
  --ink: #1e293b;         /* slate-800 */
}

html, body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

.recording-dot {
  animation: pulse-rec 1.4s ease-in-out infinite;
}

@keyframes pulse-rec {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .55; transform: scale(1.15); }
}

.dropzone-active {
  background-color: #fff7ed; /* orange-50 */
  border-color: var(--accent) !important;
}

::-webkit-scrollbar { height: 8px; width: 8px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 9999px; }
::-webkit-scrollbar-track { background: transparent; }