/* Modern Authentication Design - 1932 HUB - Updated Palette */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;700&family=Playfair+Display:wght@400;700&display=swap');

:root {
    --color-primary: #2d3a24;
    /* Dark Olive Green */
    --color-secondary: #947f52;
    /* Light Brown/Gold */
    --color-cream: #f9f7f2;
    /* Light Beige Background */
    --color-text-dark: #2d2d2d;
    --color-text-light: #ffffff;
}

body {
    font-family: 'Outfit', sans-serif;
    color: var(--color-text-dark);
    background-color: var(--color-cream);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Playfair Display', serif;
    color: var(--color-primary);
    font-weight: 700;
}

a {
    color: var(--color-secondary);
    transition: all 0.3s ease;
}

a:hover {
    color: var(--color-primary);
    text-decoration: none;
}

/* Navbar Overrides */
#navbar {
    background-color: #ffffff;
    border-bottom: 3px solid var(--color-secondary);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

div#navbar-collapse ul li a {
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    color: var(--color-primary);
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

div#navbar-collapse ul li a:hover,
div#navbar-collapse ul li a.active {
    color: var(--color-secondary);
    background: transparent;
}

/* Button Overrides */
.btn,
input.sbt,
.book-btn {
    background-color: var(--color-primary);
    color: var(--color-secondary);
    border: 2px solid var(--color-primary);
    border-radius: 4px;
    font-family: 'Outfit', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.3s ease;
    letter-spacing: 1px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.btn:hover,
input.sbt:hover,
.book-btn:hover {
    background-color: var(--color-secondary);
    color: var(--color-primary);
    border-color: var(--color-secondary);
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* Mapping Legacy Classes */
.pink {
    color: var(--color-secondary) !important;
}

.dark-grey {
    color: var(--color-text-dark) !important;
}

/* Section Enhancements */
#home-section {
    background-color: var(--color-cream);
}

/* Team / Content Sections */
div#team-section {
    background: var(--color-primary);
    color: var(--color-cream);
    border-top: 4px solid var(--color-secondary);
}

div#team-section h1,
div#team-section h2,
div#team-section h3,
div#team-section p {
    color: var(--color-cream);
}

/* Cards & Boxes */
div.package-card,
div.room-box {
    background: #ffffff;
    border: none;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.4s ease;
    overflow: hidden;
}

div.package-card:hover,
div.room-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

/* Form Elements */
input[type="text"],
textarea,
select {
    border: 2px solid #eee;
    background-color: #fafafa;
    padding: 12px;
    border-radius: 6px;
    font-family: 'Outfit', sans-serif;
    transition: border-color 0.3s ease;
}

input[type="text"]:focus,
textarea:focus,
select:focus {
    border-color: var(--color-secondary);
    outline: none;
    background-color: #fff;
}