:root {
    --bs-primary: #198754;
    --bs-primary-rgb: 25, 135, 84;
}

body {
    font-family: Inter, sans-serif;
    background-color: #f4f7f5;
    color: #1c2421;
}

.hero {
    min-height: 28rem;
    background-image:
        linear-gradient(180deg, rgba(12, 24, 18, 0.25), rgba(12, 24, 18, 0.72)),
        url('https://images.unsplash.com/photo-1574629810360-7efbbe195018?auto=format&fit=crop&w=2000&q=80');
    background-size: cover;
    background-position: center;
    color: #fff;
}

.hero-kicker {
    letter-spacing: 0.08em;
    color: #b7ebc9;
}

.btn-primary {
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-bg: #146c43;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #146c43;
}

.card {
    border: 0;
    border-top: 4px solid #198754;
}

.booking-form {
    max-width: 32rem;
}

.booking-kicker {
    color: #198754;
    letter-spacing: 0.08em;
}

.invoice {
    max-width: 40rem;
    background: #fff;
    border: 1px solid #d9e5de;
    border-top: 6px solid #198754;
    padding: 2rem 1.5rem;
}