@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Inter:wght@400;500;600&display=swap');

:root {
  --dearly-terracotta: #df6c5f;
  --dearly-cream: #f2cfc0;
  --dearly-maroon: #8a263d;
  --dearly-rose: #ac5d67;
  --dearly-blush: #ebaa9c;

  --bs-primary: var(--dearly-maroon);
  --bs-primary-rgb: 138, 38, 61;
  --bs-link-color: var(--dearly-maroon);
  --bs-link-color-rgb: 138, 38, 61;
  --bs-link-hover-color: var(--dearly-terracotta);
  --bs-link-hover-color-rgb: 223, 108, 95;
  --bs-body-bg: #fdf6f2;
  --bs-body-font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.navbar-brand,
.display-6 {
  font-family: 'Fraunces', Georgia, serif;
}

.navbar.bg-dark {
  background: linear-gradient(135deg, var(--dearly-maroon), var(--dearly-rose)) !important;
}

.btn-primary {
  --bs-btn-bg: var(--dearly-maroon);
  --bs-btn-border-color: var(--dearly-maroon);
  --bs-btn-hover-bg: var(--dearly-terracotta);
  --bs-btn-hover-border-color: var(--dearly-terracotta);
  --bs-btn-active-bg: var(--dearly-terracotta);
  --bs-btn-active-border-color: var(--dearly-terracotta);
}

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

.card.border-primary {
  border-color: var(--dearly-terracotta) !important;
}

.badge.bg-primary {
  background-color: var(--dearly-maroon) !important;
}

.dearly-logo-mark {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.dearly-logo-mark img {
  height: 32px;
  width: 32px;
  border-radius: 8px;
}

.dearly-hero {
  background: radial-gradient(circle at top left, var(--dearly-blush) 0%, #fdf6f2 55%);
}