frontend/src/index.css

@import "tailwindcss";

@theme {
  --font-sans: "IBM Plex Sans Arabic", ui-sans-serif, system-ui, sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-sans);
  background: #f8fafb;
  min-height: 100vh;
  color: #0f172a;
}

@keyframes pulse-soft {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.25);
  }
  50% {
    box-shadow: 0 0 0 14px rgba(220, 38, 38, 0);
  }
}

.recording-pulse {
  animation: pulse-soft 1.6s ease-in-out infinite;
}

.card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.accent-bar {
  background: linear-gradient(90deg, #0f766e, #14b8a6);
}