/* HARD FIX: Force image backgrounds to show through entire layout */

html, body {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  margin: 0;
}

/* Apply directly to both html and body */
html {
  background-image: url("assets/bg-dark.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

html[data-theme="light"] {
  background-image: url("assets/bg-light.png");
}

body {
  background: transparent !important;
}

/* Kill any solid background on common wrappers */
* {
  background-color: transparent !important;
}

/* Re-allow glass cards to keep their own background */
.glass,
.card,
.panel {
  background: inherit;
}

/* Make sure main layout stretches full height */
main, section, .page, .layout, .app, #app, #root {
  min-height: 100vh;
  background: transparent !important;
}