/* ═══ CSS VARIABLES & THEME ═══ */
:root {
  --gold: #c9a84c;
  --gold-light: #e8c97a;
  --gold-dim: rgba(201,168,76,0.18);
  --red: #8b1a1a;
  --black: #060606;
  --dark: #0e0e0e;
  --card: #111111;
  --surface: #121212;
  --surface-soft: rgba(255,255,255,0.04);
  --shadow: 0 32px 90px rgba(0, 0, 0, 0.35);
  --off-white: #f4efe6;
  --muted: #9e9488;
  --text: #d6cfc4;
  --hero-offset: 0;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Outfit', sans-serif;
  background: radial-gradient(circle at top, rgba(201, 168, 76, 0.08), transparent 22%), linear-gradient(180deg, #090909 0%, #020202 100%);
  color: var(--off-white);
  overflow-x: hidden;
}

.animate-fade,
.menu-panel.animate-fade,
.party-card.animate-fade,
.shisha-card.animate-fade,
.cat-hero.animate-fade,
.hero-cta-row.animate-fade,
.footer-top.animate-fade,
.footer-bottom.animate-fade {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.85s ease, transform 0.85s ease;
  will-change: opacity, transform;
}

.in-view {
  opacity: 1;
  transform: translateY(0);
}

/* ═══ SCROLLBAR ═══ */
::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  background: #0a0a0a;
}

::-webkit-scrollbar-thumb {
  background: var(--gold);
  border-radius: 2px;
}