@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@1,400;1,600;1,700&display=swap');

:root {
  --background: #F8F7F4;
  --foreground: #1A1A1A;
  --primary: #F2C318;
  --primary-foreground: #1A1A1A;
  --accent: #F04A3E;
  --accent-foreground: #FFFFFF;
  --dark: #1A1A1A;
  --dark-muted: #2A2A2A;
  --card: #FFFFFF;
  --muted: #8A8A8A;
  --border: #E2DFD8;
  --font-inter: 'Inter', system-ui, -apple-system, sans-serif;
  --font-bebas: 'Bebas Neue', sans-serif;
  --font-playfair: 'Playfair Display', serif;
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: var(--font-inter);
  overflow-x: hidden;
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6, .font-heading {
  font-family: var(--font-inter);
  letter-spacing: -0.03em;
  font-weight: 800;
}

.font-bebas {
  font-family: var(--font-bebas);
}

.font-script {
  font-family: var(--font-playfair);
  font-style: italic;
}

/* Glassmorphism & Micro-animations */
.glass-header {
  background: rgba(26, 26, 26, 0.4);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.glass-header-scrolled {
  background: rgba(26, 26, 26, 0.94);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #1A1A1A;
}

::-webkit-scrollbar-thumb {
  background: #F2C318;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #F04A3E;
}

/* Noise overlay for high-end editorial feel */
.bg-noise {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");
}