/* === Kenavara House: Boutique Micro Brand System === */
:root{
  --kh-ink: #0f172a;          /* near-black */
  --kh-muted: #5b6473;        /* muted text */
  --kh-navy: #1f3c5b;         /* primary (coastal navy) */
  --kh-navy-dark: #172f47;    /* hover */
  --kh-sand: #faf9f7;         /* soft warm background */
  --kh-line: #e7e3dd;         /* warm border */
  --kh-card: #ffffff;         /* card background */
  --kh-radius: 0.9rem;        /* consistent rounding */
}

/* Base */
body{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--kh-ink);
  background-color: #fff; /* keep neutral; use bg-sand on sections */
}

.text-muted{ color: var(--kh-muted) !important; }

h1, h2, h3{
  letter-spacing: -0.02em;
}

/* Section backgrounds (use class on sections) */
.bg-sand{ background: var(--kh-sand) !important; }

/* Cards */
.kh-card{
  background: var(--kh-card);
  border: 1px solid var(--kh-line);
  border-radius: var(--kh-radius);
}

/* Soft boutique shadow */
.kh-shadow{
  box-shadow: 0 .35rem 1.25rem rgba(15, 23, 42, .06);
}

/* Buttons */
.btn-primary{
  background-color: var(--kh-navy) !important;
  border-color: var(--kh-navy) !important;
}
.btn-primary:hover,
.btn-primary:focus{
  background-color: var(--kh-navy-dark) !important;
  border-color: var(--kh-navy-dark) !important;
}

.btn-outline-secondary{
  border-color: #c7cdd6 !important;
  color: var(--kh-ink) !important;
}
.btn-outline-secondary:hover{
  background: rgba(31, 60, 91, .06) !important;
  border-color: #b6beca !important;
}

/* Kicker text above H1 */
.kh-kicker{
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .78rem;
  color: var(--kh-muted);
}

/* Accent rule (tiny luxury line) */
.kh-rule{
  width: 60px;
  height: 2px;
  background: var(--kh-navy);
  border-radius: 999px;
}

/* Images */
.kh-media{
  border-radius: var(--kh-radius);
  overflow: hidden;
}
.kh-media img{
  transition: transform .4s ease;
}
.kh-media:hover img{
  transform: scale(1.03);
}

/* Placeholder blocks (keep for MVP) */
.hero-placeholder{
  border-radius: var(--kh-radius);
  border: 1px solid rgba(15, 23, 42, 0.10);
  background: #f3f4f6;
}

h1, h2 {
  font-family: "Playfair Display", serif;
}

@media (min-width: 992px){
  .mb-lg-6{
    margin-bottom: 4.5rem !important;
  }
}