/* html{ */
/*     background-color: #f5f2ee !important; /* Your desired custom color */ */
/* } */
/**/
/* body.bg-background { */
/*     background-color: #f5f2ee; /* Your desired custom color */ */
/* } */
/**/
/* .uk-card{ */
/*   background-color: #f5f2ee; */
/*   color: black; */
/* } */
/**/
/**/
/* .dynapuff { */
/*   font-family: "DynaPuff", system-ui; */
/*   font-optical-sizing: auto; */
/*   font-style: normal; */
/*   font-variation-settings: */
/*     "wdth" 100; */
/* } */
/**/
/* a.button { */
/*     padding: 1px 6px; */
/*     border: 1px outset buttonborder; */
/*     border-radius: 3px; */
/*     color: buttontext; */
/*     background-color: buttonface; */
/*     text-decoration: none; */
/* } */

:root {
  /* Default light theme shadow color (e.g., a dark, subtle shadow) */
  --bg: #f5f2ee; 
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Dark theme shadow color (e.g., a light, subtle shadow) */
    --bg: #020917; 
  }
}

@media (prefers-color-scheme: light) {
  :root {
    /* Dark theme shadow color (e.g., a light, subtle shadow) */
    --bg: #f5f2ee; 
  }
}

html{
  background-color: var(--bg) !important;
}