@tailwind base;
@tailwind components;
@tailwind utilities;

html {
  font-family: theme("fontFamily.main");
  font-size: theme("fontSize.2xl");
}

/* Color scheme */

.color-scheme--sync .color-scheme--light-icon {
  display: none;
}

.color-scheme--sync .color-scheme--dark-icon {
  display: block;
}

@media (prefers-color-scheme: dark) {
  .color-scheme--sync .color-scheme--light-icon {
    display: block;
  }

  .color-scheme--sync .color-scheme--dark-icon {
    display: none;
  }
}

.color-scheme--dark .color-scheme--dark-icon,
.color-scheme--light .color-scheme--light-icon {
  display: none;
}

.color-scheme--dark .color-scheme--light-icon,
.color-scheme--light .color-scheme--dark-icon {
  display: block;
}

/* Typography */

.prose p {
  @apply mb-4;
}