/* Global override for legacy quizzes to match the new Estaba theme */
:root {
  --moe-blue:       #004d99;
  --moe-cyan:       #009eb3;
  --moe-accent:     #ffb300;
  --moe-light-blue: #e6f0fa;
  --bg:             #f0f4f8;
  --card-bg:        #ffffff;
}
body { background-color: var(--bg) !important; font-family: 'Rubik', sans-serif !important; }
.ui-page-theme-a { background-color: var(--bg) !important; }
.ui-header, [data-role="header"] {
  background: linear-gradient(135deg, var(--moe-blue) 0%, #0066cc 60%, var(--moe-cyan) 100%) !important;
  color: #fff !important;
  text-shadow: none !important;
  border: none !important;
}
.ui-btn {
  background-color: var(--moe-light-blue) !important;
  color: var(--moe-blue) !important;
  border-color: var(--moe-blue) !important;
  text-shadow: none !important;
  font-family: 'Rubik', sans-serif !important;
}
.ui-btn:hover {
  background-color: var(--moe-blue) !important;
  color: #fff !important;
}
.btn-primary, .btn-success, .btn-danger {
  background-color: var(--moe-blue) !important;
  border-color: var(--moe-blue) !important;
}
.btn-primary:hover, .btn-success:hover, .btn-danger:hover {
  background-color: var(--moe-cyan) !important;
  border-color: var(--moe-cyan) !important;
}
input[type="text"], input[type="number"] {
  border: 2px solid #ccc !important;
  border-radius: 8px !important;
  padding: 8px !important;
}
input[type="text"]:focus, input[type="number"]:focus {
  border-color: var(--moe-blue) !important;
  box-shadow: 0 0 5px var(--moe-blue) !important;
}