@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,600&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

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

html {
  scroll-behavior: smooth;
  scroll-padding-top: 105px;
}

:root {
  --bg-dark: #0b0c0e;
  --bg-card: #121418;
  --bg-card-alt: #0e1014;
  --text-primary: #f3e7c4;
  --text-body: #e5dfd5;
  --text-muted: #a8a090;
  --gold: #d4af37;
  --gold-light: #f3e7c4;
  --gold-dark: #aa7c11;
  --border-subtle: rgba(212, 175, 55, 0.25);
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: var(--bg-dark);
  color: var(--text-body);
  overflow-x: hidden;
}

h1, h2, h3, h4, .font-serif {
  font-family: 'Cormorant Garamond', Georgia, serif;
}

/* Custom Gold Gradients & Effects */
.text-gold {
  color: #d4af37;
}

.text-gold-gradient {
  background: linear-gradient(135deg, #f3e7c4 0%, #d4af37 50%, #aa7c11 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bg-gold-gradient {
  background: linear-gradient(135deg, #d4af37 0%, #b8860b 100%);
}

.gold-glow {
  box-shadow: 0 0 25px -5px rgba(212, 175, 55, 0.25);
}

.gold-glow-hover:hover {
  box-shadow: 0 0 30px 2px rgba(212, 175, 55, 0.35);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0b0c0e;
}
::-webkit-scrollbar-thumb {
  background: #22242b;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #d4af37;
}

/* Smooth Accordion */
.faq-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out, padding-top 0.3s ease, padding-bottom 0.3s ease, border-color 0.3s ease;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-top-color: transparent !important;
}

.faq-content.open {
  max-height: 500px;
  padding-top: 8px !important;
  padding-bottom: 24px !important;
  border-top-color: #1c1e24 !important;
}

/* Custom text shadow for text legibility on images */
.shadow-text-black {
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.95), 0 3px 10px rgba(0, 0, 0, 0.95);
}

/* Custom drop shadow filter for titles containing gradient texts to prevent rendering distortion */
.shadow-hero-title {
  filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.95)) drop-shadow(0 3px 8px rgba(0, 0, 0, 0.95));
}

/* Cinematic warm filter for images */
.filter-warm-cinematic {
  filter: sepia(0.18) saturate(1.4) brightness(0.95) contrast(1.18) hue-rotate(-5deg);
}

/* Warm and cozy filter for bright images */
.filter-warm-cozy {
  filter: sepia(0.3) saturate(1.2) brightness(0.85) contrast(1.1) hue-rotate(-5deg);
}

/* Subtle gold border and glow effect for card boxes */
.box-glow-gold {
  border: 1px solid rgba(212, 175, 55, 0.3);
  box-shadow: 0 0 22px 3px rgba(212, 175, 55, 0.2);
}

/* Stronger gold border and glow effect for timeline card boxes */
.box-glow-gold-strong {
  border: 1px solid rgba(212, 175, 55, 0.45);
  box-shadow: 0 0 25px 4px rgba(212, 175, 55, 0.28);
}

/* Custom scrollbar for privacy modal */
.privacy-scroll::-webkit-scrollbar {
  width: 8px;
}
.privacy-scroll::-webkit-scrollbar-track {
  background: #f7fafc;
}
.privacy-scroll::-webkit-scrollbar-thumb {
  background: #d4af37;
  border-radius: 4px;
}
.privacy-scroll::-webkit-scrollbar-thumb:hover {
  background: #b89329;
}