:root {
    --burgundy: #6b1d2a;
    --burgundy-dark: #3f1018;
    --burgundy-deep: #4f1520;
    --burgundy-mid: #8b2942;
    --blush: #e8d5d5;
    --rose: #c9a4a8;
    --cream: #faf6f3;
    --ivory: #fffdfb;
    --champagne: #c4a484;
    --ink: #2c1819;
    --muted: #6e5558;
    --line: rgba(107, 29, 42, 0.12);
    --shadow: 0 18px 40px rgba(63, 16, 24, 0.12);
    --radius: 18px;
}

* { box-sizing: border-box; }

html, body {
    min-height: 100%;
}

body {
    margin: 0;
    color: var(--ink);
    background: var(--cream);
    font-family: "Outfit", "Segoe UI", sans-serif;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main { flex: 1; }

h1, h2, h3, h4, .display-4, .navbar-brand, .serif {
    font-family: "Cormorant Garamond", Georgia, serif;
    letter-spacing: -0.02em;
}

a { color: var(--burgundy); }
a:hover { color: var(--burgundy-mid); }

.navbar-gara {
    background: linear-gradient(120deg, var(--burgundy-dark), var(--burgundy) 55%, var(--burgundy-mid));
    box-shadow: 0 8px 24px rgba(63, 16, 24, 0.2);
}

.navbar-gara .navbar-brand {
    font-weight: 600;
    font-size: 1.7rem;
    color: #fff !important;
}

.navbar-gara .nav-link,
.navbar-gara .btn-link {
    color: rgba(255, 255, 255, 0.88) !important;
    text-decoration: none;
}

.navbar-gara .nav-link:hover,
.navbar-gara .btn-link:hover {
    color: #fff !important;
}

.hero {
    background:
        radial-gradient(circle at top right, rgba(201, 164, 168, 0.35), transparent 36%),
        linear-gradient(135deg, var(--burgundy-dark) 0%, var(--burgundy) 58%, #9a3a4c 100%);
    color: #fff;
    padding: 5rem 0 4.5rem;
}

.hero .lead { color: rgba(255, 255, 255, 0.82); }

.page-band {
    background: linear-gradient(180deg, #f3e8e6, var(--cream));
    padding: 1.5rem 0;
}

.card {
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    background: var(--ivory);
    overflow: hidden;
}

.card:hover { transform: translateY(-4px); }
.card, .card-footer { transition: transform 0.2s ease, box-shadow 0.2s ease; }

.card-img-top,
.facility-thumb {
    height: 190px;
    object-fit: cover;
}

.facility-thumb {
    background: linear-gradient(145deg, var(--burgundy), var(--burgundy-mid));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 4rem;
}

.badge-gara {
    background: var(--blush);
    color: var(--burgundy-dark);
    border-radius: 999px;
    font-weight: 600;
    letter-spacing: 0.04em;
}

.btn-primary,
.bg-primary {
    --bs-btn-bg: var(--burgundy);
    --bs-btn-border-color: var(--burgundy);
    --bs-btn-hover-bg: var(--burgundy-dark);
    --bs-btn-hover-border-color: var(--burgundy-dark);
    --bs-btn-active-bg: var(--burgundy-dark);
    --bs-primary: var(--burgundy);
    background-color: var(--burgundy) !important;
    border-color: var(--burgundy) !important;
}

.btn-primary:hover { background-color: var(--burgundy-dark) !important; }

.btn-outline-primary {
    --bs-btn-color: var(--burgundy);
    --bs-btn-border-color: var(--burgundy);
    --bs-btn-hover-bg: var(--burgundy);
    --bs-btn-hover-border-color: var(--burgundy);
    color: var(--burgundy);
    border-color: var(--burgundy);
}

.text-primary { color: var(--burgundy) !important; }

.stat-card {
    border: none;
    border-top: 4px solid var(--burgundy);
}

.stat-card h2 {
    color: var(--burgundy-dark);
    font-size: 2.2rem;
}

.table thead th {
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

footer.site-footer {
    background: var(--burgundy-dark);
    color: rgba(255, 255, 255, 0.72);
    padding: 2rem 0;
    margin-top: 4rem;
}

.login-shell {
    min-height: 100vh;
    display: flex;
    align-items: center;
    background:
        radial-gradient(circle at 20% 20%, rgba(201, 164, 168, 0.28), transparent 30%),
        linear-gradient(150deg, var(--burgundy-dark), var(--burgundy) 60%, #9a3a4c);
}

.login-card {
    max-width: 440px;
    margin: 0 auto;
}

.login-card .card {
    border: 0;
    border-radius: 24px;
}

.form-control, .form-select {
    border-radius: 12px;
    border-color: #e3d4d2;
    padding: 0.7rem 0.9rem;
}

.form-control:focus {
    border-color: var(--rose);
    box-shadow: 0 0 0 0.2rem rgba(107, 29, 42, 0.12);
}

.price {
    color: var(--burgundy);
    font-family: "Cormorant Garamond", Georgia, serif;
}