@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;400;500;600;700&family=Kanit:wght@200;300;400;500;600&display=swap');

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

body {
  font-family: var(--font-secondary);
  line-height: 1.5;
  color: var(--color-white);
  overflow-x: hidden;
  background-color: #000;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-primary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.container {
  width: 100%;
  max-width: var(--large);
  margin: 0 auto;
  padding: 0 2rem;
}

/* Glassmorphism Helper */
.glass-effect {
  background: var(--bg-glass);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
  border-bottom: 1px solid var(--glass-border);
}

/* Utilities */
.text-primary { color: var(--color-primary); }
.font-primary { font-family: var(--font-primary); }