/* Base Styles & Typography */
body {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  transition: background-color 0.3s, color 0.3s;
}

h1,
h2,
h3,
h4 {
  font-family: 'Playfair Display', 'Times New Roman', serif;
}

/* Light Mode Styles */
body.light-mode {
  background-color: #f8fafc !important;
  color: #0f172a !important;
}

body.light-mode header {
  background-color: rgba(248, 250, 252, 0.95) !important;
  border-bottom-color: #e2e8f0 !important;
}

body.light-mode .bg-slate-950,
body.light-mode .bg-slate-900,
body.light-mode .bg-slate-900\/60,
body.light-mode .bg-slate-900\/40,
body.light-mode .bg-gradient-to-b {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
}

body.light-mode .text-slate-100,
body.light-mode .text-slate-200,
body.light-mode .text-slate-300,
body.light-mode .leading-tight,
body.light-mode .transition-colors,
body.light-mode section h2 {
  color: #1e293b !important;
}

body.light-mode .text-slate-400 {
  color: #64748b !important;
}

body.light-mode .border-slate-800,
body.light-mode .border-slate-700 {
  border-color: #e2e8f0 !important;
}

body.light-mode footer {
  background-color: #f1f5f9 !important;
  border-top-color: #e2e8f0 !important;
}

body.light-mode .hero-video-overlay {}

/* Video Background Styles */
.hero-video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}

.hero-video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
}

.hero-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(28, 42, 58, 0.4), rgba(15, 23, 42, 0.45));
  z-index: 1;
}

.hero-content {
  position: relative;
  z-index: 2;
}

/* Gallery Hover Effect (section-detail.html) */
.gallery-item:hover .gallery-overlay {
  opacity: 1;
}