/*
 * Slavik global styles. Tailwind handles the bulk of layout + colour;
 * this file is reserved for animations and non-utility classes that
 * don't have a clean Tailwind equivalent.
 */

/* Pulsing terracotta ring around the record button while recording. */
@keyframes mic-pulse {
  0%   { box-shadow: 0 0 0 0   rgba(194, 65, 12, 0.55); }
  70%  { box-shadow: 0 0 0 14px rgba(194, 65, 12, 0); }
  100% { box-shadow: 0 0 0 0   rgba(194, 65, 12, 0); }
}

.mic-pulse {
  animation: mic-pulse 1.4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@media (prefers-reduced-motion: reduce) {
  .mic-pulse { animation: none; }
}

/* Practice-calendar heatmap buckets (Progress page). 0 = no activity,
   4 = busiest day in the visible window. Tints share the terracotta
   accent so the calendar reads as one with the rest of the UI. */
.heat-0 { background-color: rgb(244 244 245); }              /* zinc-100 */
.heat-1 { background-color: rgba(194, 65, 12, 0.18); }
.heat-2 { background-color: rgba(194, 65, 12, 0.40); }
.heat-3 { background-color: rgba(194, 65, 12, 0.65); }
.heat-4 { background-color: rgba(194, 65, 12, 0.95); }