:root {
  --bg-primary: #07132B !important;
  --bg-surface: #0D1F3C !important;
  --accent-color: #FF6600 !important;
  --accent-hover: #E05500 !important;
  --text-main: #FFFFFF !important;
  --ptt-btn: #FF6600 !important;
  --ptt-btn-active: #CC5200 !important;
}

body, html, .app-container {
  background-color: var(--bg-primary) !important;
  color: var(--text-main) !important;
}

.card, .panel, header, nav, .bg-slate-900, .bg-slate-950 {
  background-color: var(--bg-surface) !important;
  color: var(--text-main) !important;
}

.btn-primary, .ptt-button, #pttBtn, button.bg-cyan-500, a.bg-cyan-500 {
  background-color: var(--ptt-btn) !important;
  border-color: var(--ptt-btn) !important;
  color: #FFFFFF !important;
}

.btn-primary:active, .ptt-button:active, #pttBtn:active {
  background-color: var(--ptt-btn-active) !important;
}

.text-cyan-400, .text-cyan-500, .text-amber-400 {
  color: var(--accent-color) !important;
}

.border-cyan-500, .border-amber-500 {
  border-color: var(--accent-color) !important;
}