/* Utility Styles
-------------------------------------------------- */

/* Dark Mode */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
  }
}

/* Print Styles */
@media print {
  .home-button,
  .hourly-weather {
    display: none;
  }

  .main-container {
    box-shadow: none;
    margin: 0;
    padding: 0;
  }

  body {
    background: white;
  }
}

/* High Contrast Mode */
@media (forced-colors: active) {
  /* High contrast mode styles */
}

/* Helper Classes */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.clearfix::after {
  clear: both;
  content: '';
  display: table;
}

.no-scroll {
  overflow: hidden;
}