/* @import "./normalize.src.css";
@import "./normalize.light.css";
@import "./normalize.dark.css"; */

@media (--OSdark) {
  :where(textarea, select, input:not([type="button"],[type="submit"],[type="reset"])) {
    background-color: hsl(210 11% 10%);
  }

  :where(dialog) {
    background-color: var(--surface-2);
  }

  :where(html) {
    --shadow-strength: 10%;
    --shadow-color: 220 40% 2%;
  }

  ::placeholder {
    color: var(--gray-6);
  }
}

@view-transition {
  navigation: auto;
}

@media not (prefers-reduced-motion: reduce) {
  @view-transition {
    navigation: auto;
  }
}