@import "tailwindcss";

@layer base {
  :root {
    --font-heading: 'Syne', sans-serif;
    --font-serif: 'Cinzel', serif;
    --font-sans: 'Plus Jakarta Sans', sans-serif;
    --font-alt: 'Outfit', sans-serif;

    /* Entourage Brand Palette */
    --entourage-dark-blue: #2b3b4e;
    --entourage-light-blue: #517e8a;
    --entourage-orange: #e17f52;
    --entourage-orange-hover: #ea8e64;
    --entourage-orange-light: #FFF0EB;

    /* Legacy mapping for consistency */
    --entourage-navy: #2b3b4e;
    --entourage-navy-slate: #3b4e63;
    --entourage-navy-deep: #1e2a38;
    --entourage-coral: #e17f52;
    --entourage-coral-hover: #ea8e64;
    --entourage-coral-light: #FFF0EB;
  }

  body {
    font-family: var(--font-sans);
    background-color: #1e2a38;
    color: #F8FAFC;
    letter-spacing: -0.01em;
  }

  h1, h2, h3, h4, .font-heading {
    font-family: var(--font-heading);
    letter-spacing: -0.02em;
  }

  .font-serif-luxury {
    font-family: var(--font-serif);
    letter-spacing: 0.04em;
  }
}

/* Maritime Slate Glass & Surface Utilities */
.glass-nav {
  background: rgba(43, 59, 78, 0.94);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(225, 127, 82, 0.25);
}

.sober-card {
  background: #2b3b4e;
  border: 1px solid rgba(255, 255, 255, 0.10);
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.sober-card:hover {
  border-color: rgba(225, 127, 82, 0.45);
}

.glass-card {
  background: rgba(43, 59, 78, 0.88);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(81, 126, 138, 0.30);
}

.glass-card-hover {
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.glass-card-hover:hover {
  background: rgba(59, 78, 99, 0.95);
  border-color: rgba(225, 127, 82, 0.50);
  transform: translateY(-2px);
}

/* Orange Accent Line */
.orange-line {
  background: linear-gradient(90deg, transparent, #e17f52, transparent);
}

.coral-line {
  background: linear-gradient(90deg, transparent, #e17f52, transparent);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #1e2a38;
}
::-webkit-scrollbar-thumb {
  background: #517e8a;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #e17f52;
}