@font-face {
  font-family: 'Inter';
  src: url('Inter/Inter-VariableFont_slnt,wght.ttf');
}

body {
  margin: 0;
  font-family: Inter;
}

/* Default light background */
.astro-code,
.astro-code span {
  background-color: #f6f8fa !important;
}

@media (prefers-color-scheme: dark) {
  .astro-code,
  .astro-code span {
    color: var(--shiki-dark) !important;
    background-color: var(--shiki-dark-bg) !important;
    /* Optional, if you also want font styles */
    font-style: var(--shiki-dark-font-style) !important;
    font-weight: var(--shiki-dark-font-weight) !important;
    text-decoration: var(--shiki-dark-text-decoration) !important;
  }
}