/* Minimal styles for FindMyPerfect.house */
:root {
  --qs: #9FAC9D; /* Quick Silver */
  --bone: #DFD8C5; /* Bone */
  --wchoc: #ECE4D7; /* White Chocolate */
  --dsand: #DDC8B7; /* Desert Sand */
  --spink: #CDACA1; /* Silver Pink */
  --mblue: #4d5373; /* Morning Blue */
  --dark: #2B2B2BFF; /* Deep neutral for headings/body text */

  /* Derived theme tokens */
  --primary: var(--mblue);
  --primary-contrast: #ffffff;
  --primary-hover: #7a8c8e; /* slightly darker than mblue */
  --secondary: var(--qs);
  --secondary-contrast: #1f2a2a;

  /* Corners */
  --radius: 4px;
}

body { font-feature-settings: "liga" 1, "ss01" 1; background-color: var(--wchoc); }
.hero .btn { border: 0; }
.card-title { font-weight: 600; }
.hero{
    border-radius: 4px;
    color: var(--wchoc);
}

/* Navbar soft background and border */
.navbar.bg-white {
  background-color: var(--bone) !important;
  border-bottom: 1px solid var(--dsand) !important;
}

/* Button theming (Bootstrap overrides) */
.btn-primary {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--primary-contrast) !important;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--primary-hover) !important;
  border-color: var(--primary-hover) !important;
}
.btn-outline-primary {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
  background-color: transparent !important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus {
  color: var(--primary-contrast) !important;
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.btn-secondary {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
  color: var(--secondary-contrast) !important;
}
.btn-secondary:hover, .btn-secondary:focus {
  background-color: #8da092 !important; /* hover slightly darker than qs */
  border-color: #8da092 !important;
}

/* Utility color overrides to remove stark Bootstrap blue */
.bg-primary { background-color: var(--primary) !important; }
.border-primary { border-color: var(--primary) !important; }
.text-primary { color: var(--primary) !important; }

/* Cards subtle elevation against warm background */
.card { background-color: #ffffff; border-color: var(--bone); }
.card.shadow-sm { box-shadow: 0 0.25rem 0.75rem rgba(60, 64, 67, 0.08) !important; }

/* Links tone down default primary blue */
a { color: #5e6d6e; }
a:hover { color: #4f5c5d; }

/* Consistent 4px corners across widgets */
.btn { border-radius: var(--radius) !important; }
.card { border-radius: var(--radius) !important; }
.list-group,
.list-group-item { border-radius: var(--radius) !important; }
.form-control,
.form-select,
.input-group-text { border-radius: var(--radius) !important; }
.alert { border-radius: var(--radius) !important; }
.dropdown-menu { border-radius: var(--radius) !important; }
.modal-content { border-radius: var(--radius) !important; }

/* How it works section text color */
.how-it-works,
.how-it-works h2,
.how-it-works h5,
.how-it-works p {
  color: var(--dark) !important;
}
.how-it-works .text-muted { color: var(--dark) !important; }