/* assets/style.css */

/* Make the background image cover the whole screen */
body, .dash-container, .dbc-container {
  background: url('BACKGROUND.jpg') no-repeat center center fixed;
  background-size: cover;
  color: #fff;                        /* light text for contrast */
}

/* Optional: make cards slightly transparent */
.card, .dash-table-container, .dbc-card {
  background-color: rgba(255, 255, 255, 0.85) !important;
  color: #000 !important;
}

/* Header styling */
h1.display-4, h3, h5 {
  color: #fff !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}