/* ===== mood.xxx overrides ===== */

/* Page bg always black */
html, body { background:#000 !important; }

/* Default text black (so white cards read well) */
body { color:#000 !important; }

/* Keep design tokens sensible */
:root{
  --background:#000; --foreground:#000;   /* default text black */
  --card:#fff; --card-foreground:#000;    /* cards white w/ black text */
  --popover:#000; --popover-foreground:#fff;

  /* All primary actions = black button, white text */
  --primary:#000; --primary-foreground:#fff;

  --muted:#111; --muted-foreground:#ccc;
  --accent:#111; --accent-foreground:#fff;
  --border:#222; --input:#111; --ring:#444;
}

/* Make common card/containers white with black text (hero panel, modals, etc.) */
.bg-white, .card, .rounded-xl, .rounded-2xl, .shadow, .shadow-lg {
  background-color:#fff !important; color:#000 !important;
}

/* === BUTTONS: force black bg + white text for common variants === */
button,
.btn,
.bg-blue-600, .bg-blue-500, .bg-blue-700,
.bg-green-600, .bg-green-500, .bg-green-700,
.bg-purple-600, .bg-purple-500, .bg-purple-700,
.bg-indigo-600, .bg-indigo-500, .bg-indigo-700,
.border-purple-600, .border-green-600, .border-blue-600 {
  background-color:#000 !important;
  color:#fff !important;
  border-color:#000 !important;
}

/* Hover states stay black */
.hover\:bg-blue-700:hover,
.hover\:bg-green-600:hover, .hover\:bg-green-700:hover,
.hover\:bg-purple-600:hover, .hover\:bg-purple-700:hover,
.hover\:bg-indigo-700:hover { background-color:#000 !important; }

/* Ensure white text utility remains white on those buttons */
.text-white { color:#fff !important; }

/* Inputs keep readable styles on white cards */
input, textarea, select {
  background:#fff !important; color:#000 !important; border-color:#222 !important;
}

/* Kill any leftover gradient hero backgrounds */
.bg-gradient-to-br.from-blue-50.to-indigo-100 { background:#000 !important; }