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

html.dark body {
  /* Debug: If this turns red/dark, the class is present */
  background-color: #0a0a0a !important;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  @apply bg-slate-50 text-slate-900 dark:bg-neutral-950 dark:text-neutral-50;
  background-image: radial-gradient(#cbd5e1 1px, transparent 1px);
  background-size: 24px 24px;
}

html.dark body {
  background-image: radial-gradient(#262626 1px, transparent 1px);
}

@font-face {
  font-family: 'Excalifont';
  src: url('./assets/fonts/Excalifont-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}