:root {
    --hotel-primary: rgb(10, 35, 99);
}

body {
    font-family: 'Inter', sans-serif;
}

.bs-primary {
    color: var(--hotel-primary) !important;
}

.page-container {
    max-width: 1200px;
}

.form-wrapper {
    max-width: 470px;
}

.btn-primary {
    --bs-btn-bg: var(--hotel-primary);
    --bs-btn-border-color: var(--hotel-primary);
    --bs-btn-hover-bg: #04174f;
    --bs-btn-hover-border-color: #04174f;
    --bs-btn-active-bg: #04174f;
    --bs-btn-active-border-color: #04174f;
}

.option-card {
    /* min-height: 84px; */
    cursor: pointer;
    transition: 0.2s ease;
}

.option-card:hover {
    border-color: var(--hotel-primary) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.option-card:has(input:checked) {
    border-color: var(--hotel-primary) !important;
    background-color: #f3f6ff;
}

label input:focus {
    outline: none;
}

.form-check-input {
    cursor: pointer;
    border-color: #6c757d;
}

/* Removing light blue highlighting outline on focus */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    box-shadow: none !important;
    border-color: #6c757d !important;
}

/* Match checked state to primary theme */
.form-check-input:checked {
    background-color: var(--hotel-primary);
    /* border-color: var(--hotel-primary); */
}