/* Keith Safaris - Ultra-Modern Luxury UI/UX */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
  --color-ochre: #C58940;
  --color-ochre-dark: #A26B2A;
  --color-ochre-light: #F7EFE4;
  --color-acacia: #1E2E20;
  --color-acacia-dark: #141F16;
  --color-terracotta: #C85333;
  --color-sand: #FAF8F5;
  --color-linen: #F2EDE4;
  --color-obsidian: #121312;
}

*, *::before, *::after {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

body {
  background-color: var(--color-sand);
  color: var(--color-obsidian);
  overflow-x: hidden;
  scroll-behavior: smooth;
  letter-spacing: -0.012em;
}

/* Headings: Modern Tight Tracking & High-Contrast Typography */
h1, h2, h3, h4, h5, h6, .font-serif, .font-editorial {
  letter-spacing: -0.03em !important;
  font-weight: 700;
}

/* Ultra Smooth Radii Utility */
.rounded-luxury {
  border-radius: 1.5rem; /* 24px */
}

.rounded-luxury-lg {
  border-radius: 2rem; /* 32px */
}

.rounded-luxury-pill {
  border-radius: 9999px;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 7px;
}
::-webkit-scrollbar-track {
  background: #F2EDE4;
}
::-webkit-scrollbar-thumb {
  background: #C58940;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #A26B2A;
}

/* Subtle Gradient Overlays */
.hero-gradient {
  background: linear-gradient(180deg, rgba(18, 19, 18, 0.35) 0%, rgba(18, 19, 18, 0.78) 100%);
}

.card-gradient {
  background: linear-gradient(180deg, rgba(18, 19, 18, 0.0) 35%, rgba(18, 19, 18, 0.88) 100%);
}

/* Glassmorphism */
.glass-panel {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.glass-dark {
  background: rgba(20, 31, 22, 0.85);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Smooth Interactive Shadows & Hover Effects */
.hover-lift {
  transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.3s ease;
}
.hover-lift:hover {
  transform: translateY(-5px);
  box-shadow: 0 24px 48px -12px rgba(30, 46, 32, 0.12);
}

.smooth-btn {
  border-radius: 9999px;
  transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.smooth-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 20px -5px rgba(197, 137, 64, 0.3);
}

/* Smooth Badges */
.badge-pill {
  border-radius: 9999px;
  padding: 0.35rem 0.85rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}