/* Compléments légers — la base est Bootstrap */
:root {
  --baf-ink: #1c1917;
  --baf-muted: #57534e;
  --baf-cream: #faf8f5;
  --baf-line: rgba(28, 25, 23, 0.08);
  --baf-accent: #7c6a4a;
}

body {
  font-family: "Source Sans 3", system-ui, sans-serif;
  color: var(--baf-ink);
  background: var(--baf-cream);
}

.baf-display {
  font-family: "Fraunces", Georgia, serif;
  letter-spacing: -0.02em;
}

.baf-topbar {
  font-size: 0.8125rem;
  border-bottom: 1px solid var(--baf-line);
  background: #fff;
}

.baf-brand-mark {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.5rem;
  background: linear-gradient(145deg, #e8dcc8, #c9b896);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.baf-navbar {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--baf-line);
}

.baf-nav-link {
  font-weight: 500;
  color: var(--baf-muted) !important;
  padding: 0.5rem 0.85rem !important;
  border-radius: 0.375rem;
  transition: color 0.15s ease, background 0.15s ease;
}

.baf-nav-link:hover,
.baf-nav-link:focus {
  color: var(--baf-ink) !important;
  background: rgba(124, 106, 74, 0.08);
}

.baf-phone {
  font-variant-numeric: tabular-nums;
  color: var(--baf-ink);
}

.baf-btn-outline {
  --bs-btn-color: var(--baf-accent);
  --bs-btn-border-color: rgba(124, 106, 74, 0.35);
  --bs-btn-hover-bg: rgba(124, 106, 74, 0.08);
  --bs-btn-hover-border-color: var(--baf-accent);
  --bs-btn-hover-color: var(--baf-ink);
  --bs-btn-active-bg: rgba(124, 106, 74, 0.12);
  --bs-btn-active-border-color: var(--baf-accent);
  font-weight: 600;
}

@media (max-width: 991.98px) {
  .baf-topbar .text-md-end {
    text-align: left !important;
  }
}