:root {
  color-scheme: light;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto,
    Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

.font-serif {
  font-family: "Cormorant Garamond", ui-serif, Georgia, Cambria,
    "Times New Roman", Times, serif;
}

::selection {
  background: rgba(251, 191, 36, 0.35);
}

.focus-outline {
  outline: 2px solid rgba(251, 191, 36, 0.65);
  outline-offset: 2px;
}

.nav-link.is-active {
  color: rgb(28 25 23);
}

.nav-link.is-active {
  position: relative;
}

.nav-link.is-active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  height: 2px;
  background: rgb(217 119 6);
  border-radius: 9999px;
}

@media (max-width: 767px) {
  .nav-link.is-active::after {
    display: none;
  }
}