/* Palette & utility styles for luxury mixology theme */
:root {
  --gold: #C6A76B;
  --ivory: #F6F3EE;
  --ink: #0B0B0B;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--ink);
    color: var(--ivory);
}

.container { max-width: 1200px; }

.font-sans { font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
.font-display { font-family: "Playfair Display", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; }

/* Buttons */
.gold-btn { background-color: var(--gold); color: #111; border: 1px solid rgba(0,0,0,0.08); transition: filter 0.2s; }
.gold-btn:hover { filter: brightness(0.95); }

/* Glassmorphism */
.glass { 
    background: rgba(11, 11, 11, 0.45); 
    backdrop-filter: blur(16px); 
    -webkit-backdrop-filter: blur(16px); 
    border: 1px solid rgba(255, 255, 255, 0.08); 
}

/* Form inputs */
.form-input {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 0.1);
    border-radius: 0.375rem;
    padding: 0.5rem 0.75rem;
    color: var(--ivory);
    transition: border-color 0.2s, box-shadow 0.2s;
}
.form-input::placeholder {
    color: #a0aec0;
}
.form-input:focus {
    outline: none;
    border-color: var(--gold);
    box-shadow: 0 0 0 2px rgba(198, 167, 107, 0.5);
}

/* Style for date input to look consistent */
.date-input::-webkit-calendar-picker-indicator {
    filter: invert(1);
    cursor: pointer;
}

/* Accordion max-height for transition */
.accordion-content.open {
    max-height: 200px; /* Adjust as needed */
}

/* Hero background image fade */
.hero-bg-img {
    transition: opacity 1.5s ease-in-out;
}