@import "tailwindcss";

@layer base {
  :root {
    --background: 250 250 249;
    --foreground: 41 37 36;
    --card: 255 255 255;
    --card-foreground: 41 37 36;
    --border: 228 228 231;
    --accent: 147 51 234;
  }

  @media (prefers-color-scheme: dark) {
    :root {
      --background: 28 25 23;
      --foreground: 250 250 249;
      --card: 41 37 36;
      --card-foreground: 250 250 249;
      --border: 63 63 70;
      --accent: 192 132 252;
    }
  }

  body {
    @apply bg-[rgb(var(--background))] text-[rgb(var(--foreground))];
  }
}

@theme {
  --font-chalk: Chalkboard, ChalkboardSE-Regular, ChalkboardSE, ChalkDuster,
    Comic Sans MS, comic-sans, sans-serif;
}