/* Small additions Bootstrap 5.3 utilities don't cover, plus the brand
   theming pass below. Keep this file minimal — reach for a Bootstrap
   utility/component class first; theme through Bootstrap's own per-
   component CSS variables (the standard 5.3 customization mechanism)
   rather than writing new one-off rules. */

.tracking-wide {
    letter-spacing: .05em;
}

/* ------------------------------------------------------------------
 * Brand theme: navy in place of Bootstrap's stock near-black "dark".
 * Bootstrap 5.3's compiled component classes (.btn-dark, .btn-outline-dark,
 * .text-bg-dark, ...) set their own local --bs-btn-* variables rather than
 * reading a root-level --bs-dark, so the override has to target those
 * classes directly — this is the documented pattern for retinting a
 * semantic color without recompiling Bootstrap from source.
 * ------------------------------------------------------------------ */
:root {
    --brand-navy: #101b42;
    --brand-navy-dark: #0a1230;
}

.btn-dark {
    --bs-btn-bg: var(--brand-navy);
    --bs-btn-border-color: var(--brand-navy);
    --bs-btn-hover-bg: var(--brand-navy-dark);
    --bs-btn-hover-border-color: var(--brand-navy-dark);
    --bs-btn-active-bg: var(--brand-navy-dark);
    --bs-btn-active-border-color: var(--brand-navy-dark);
    --bs-btn-disabled-bg: var(--brand-navy);
    --bs-btn-disabled-border-color: var(--brand-navy);
}

.btn-outline-dark {
    --bs-btn-color: var(--brand-navy);
    --bs-btn-border-color: var(--brand-navy);
    --bs-btn-hover-bg: var(--brand-navy);
    --bs-btn-hover-border-color: var(--brand-navy);
    --bs-btn-active-bg: var(--brand-navy);
    --bs-btn-active-border-color: var(--brand-navy);
}

.text-bg-dark {
    background-color: var(--brand-navy) !important;
}

.bg-dark {
    background-color: var(--brand-navy) !important;
}

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

.border-dark {
    border-color: var(--brand-navy) !important;
}

.link-dark {
    --bs-link-color-rgb: 16, 27, 66;
    --bs-link-hover-color-rgb: 10, 18, 48;
}

/* Rounded corners everywhere by default — buttons, links-as-buttons,
   filter/search inputs, cards and property photos alike. */
.btn,
.form-control,
.form-select,
.card,
.badge {
    border-radius: .5rem;
}

.btn {
    text-transform: uppercase;
    letter-spacing: .04em;
    font-weight: 600;
}

.rounded-pill-badge {
    border-radius: 50rem;
}