@import "tailwindcss";

:root {
  --background: #0a0a0a;
  --foreground: #ffffff;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--background);
  color: var(--foreground);
}

@layer utilities {
  .hero-bg {
    background: linear-gradient(135deg, #050505 0%, #101712 55%, #12241a 100%);
  }
}