:root {
  --body-background-color: #f0f7f7;
  --body-text-color: #002626;
  --card-background-color: #ffffff;
  --nav-background-color: #ffffff;
  --nav-border-bottom-color: #d8e8e4;
  --nav-current-border-bottom-color: #1abc9c;
  --card-border-color: #d8e8e4;
  --down-border-left-color: #eb3b5a;
  --down-background-color: #ffd0d2;
  --degraded-border-left-color: #f7b731;
  --up-border-left-color: #20bf6b;
  --tag-color: #ffffff;
  --tag-up-background-color: #20bf6b;
  --tag-down-background-color: #eb3b5a;
  --tag-degraded-background-color: #f7b731;
  --change-background-color: #f7b731;
  --error-button-border-color: #1a46ad;
  --error-button-background-color: #3867d6;
  --error-button-color: #ffffff;
  --submit-button-border-color: #1a46ad;
  --submit-button-background-color: #3867d6;
  --submit-button-color: #ffffff;
  --graph-opacity: 1;
  --graph-filter: none;
}

/* Tema oscuro cuando el navegador lo solicita */
@media (prefers-color-scheme: dark) {
  :root {
    --body-background-color: #18191a;
    --body-text-color: #f0ffff;
    --card-background-color: #2a2d3dfa;
    --nav-background-color: #242526;
    --nav-border-bottom-color: #383737;
    --nav-current-border-bottom-color: #1abc9c;
    --card-border-color: #2a2d3dfa;
    --down-border-left-color: #eb3b5a;
    --down-background-color: #6b1020;
    --degraded-border-left-color: #f7b731;
    --up-border-left-color: #20bf6b;
    --tag-color: #002b29;
    --tag-up-background-color: #20bf6b;
    --tag-down-background-color: #eb3b5a;
    --tag-degraded-background-color: #f7b731;
    --change-background-color: #f7b731;
    --error-button-border-color: #1a46ad;
    --error-button-background-color: #3867d6;
    --error-button-color: #ffffff;
    --submit-button-border-color: #1a46ad;
    --submit-button-background-color: #3867d6;
    --submit-button-color: #ffffff;
    --graph-opacity: 1;
    --graph-filter: none;
  }
  .logo-xmart {
    color: #fff!important;
  }
}