/* Global styles and Tailwind setup */

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

/* Custom global styles */
body {
  background-color: #0C0C0C;
  color: #D7E2EA;
  font-family: 'Kanit', sans-serif;
}

/* Custom gradient class for headings */
.hero-heading {
  background: linear-gradient(180deg, #646973 0%, #BBCCD7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Ensure the main wrapper handles overflow clipping */
.main-wrapper {
  overflow-x: clip;
}