@import "tailwindcss";

@layer utilities {
  .font-mono {
    font-family: 'JetBrains Mono', monospace;
  }
}

/* Studio Audio Engineering Styling */
.glass-panel {
  background: rgba(15, 23, 42, 0.85);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.light .glass-panel {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.mixer-ch-strip {
  background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
  border: 1px solid #334155;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 10px 25px -5px rgba(0, 0, 0, 0.5);
}

.light .mixer-ch-strip {
  background: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%);
  border: 1px solid #cbd5e1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

/* Knob dial smooth rotation */
.knob-rotator {
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  will-change: transform;
}

/* VU meter LED glow effects */
.led-glow-green {
  box-shadow: 0 0 8px rgba(34, 197, 94, 0.7);
}

.led-glow-amber {
  box-shadow: 0 0 10px rgba(245, 158, 11, 0.8);
}

.led-glow-red {
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.9);
}

/* Vertical fader track */
.fader-track {
  background: #090d16;
  box-shadow: inset 0 0 4px #000;
  border-radius: 4px;
}

.fader-cap {
  transition: bottom 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}