:root {
      --brand-dark: #093642;
      --brand-main: #0F4C5C;
      --brand-light: #1B6072;
      --gold: #E2C044;
      --surface: #F8F9FA;
  }

  body {
      font-family: 'Inter', sans-serif;
      background-color: var(--surface);
      color: #334155;
  }

  .font-serif {
      font-family: 'Playfair Display', serif;
  }

  /* Custom Utilities */
  .text-gold {
      color: var(--gold);
  }

  .bg-brand {
      background-color: var(--brand-main);
  }

  .text-brand-dark {
      color: var(--brand-dark);
  }

  .glass-panel {
      background: rgba(255, 255, 255, 0.7);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }

  .shadow-luxury {
      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.01);
  }

  /* Hero Image Gradient Fix */
  .hero-gradient {
      background: linear-gradient(to bottom,
              rgba(9, 54, 66, 0.3) 0%,
              transparent 50%,
              var(--surface) 100%);
  }

  /* Tab Styling */
  .nav-tab-custom {
      border: none;
      transition: all 0.3s ease;
      background: white;
      color: #94a3b8;
      border-radius: 1rem !important;
  }

  .nav-tab-custom.active {
      background: var(--brand-main) !important;
      color: white !important;
      transform: scale(1.05);
      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  }

  .nav-tab-custom.active .duration-days {
      color: var(--gold);
  }

  .object-cover {
      object-fit: cover;
  }

  .bg-gold {
      background-color: rgb(226 192 68 / 1);
      border-radius: 0.125rem;
  }