/* Kings Bay Houses — Site Theme CSS
   Palette variables are defined here. To switch palettes,
   swap the :root block with values from another option file. */

/* === ACTIVE PALETTE: Option 4 — Fresh & Bright === */
:root {
  --kb-primary: #c0563a;
  --kb-primary-light: #fde0d6;
  --kb-secondary: #1a6b5a;
  --kb-secondary-light: #e6f5f0;
  --kb-accent-bg: #fdf5f2;
  --kb-accent-bg-alt: #e6f5f0;
  --kb-text-on-primary: #ffffff;
  --kb-text-on-secondary: #ffffff;
  --kb-text-dark: #1a6b5a;
  --kb-highlight: #c0563a;
}

/* Hero / banner sections */
.kb-hero {
  background-color: var(--kb-primary);
  color: var(--kb-text-on-primary);
  padding: 40px 25px;
}
.kb-hero h1, .kb-hero h2, .kb-hero h3 {
  color: var(--kb-text-on-primary);
}
.kb-hero p {
  color: var(--kb-primary-light);
}

/* Footer / contact bar */
.kb-footer-bar {
  background-color: var(--kb-secondary);
  color: var(--kb-text-on-secondary);
  padding: 25px;
}
.kb-footer-bar h2, .kb-footer-bar h3 {
  color: var(--kb-text-on-secondary);
}
.kb-footer-bar p {
  color: var(--kb-secondary-light);
}
.kb-footer-bar a {
  color: var(--kb-secondary-light);
}

/* Stat / info cards */
.kb-card {
  background-color: var(--kb-accent-bg);
  padding: 20px;
}
.kb-card p:first-child,
.kb-card .kb-card-number {
  color: var(--kb-primary);
  font-size: 28px;
  font-weight: 700;
}

/* Accent sections (alternating backgrounds) */
.kb-accent {
  background-color: var(--kb-accent-bg);
  padding: 25px;
}
.kb-accent-alt {
  background-color: var(--kb-accent-bg-alt);
  padding: 25px;
}

/* Feature cards (co-op features, etc.) */
.kb-feature-card {
  background-color: var(--kb-accent-bg-alt);
  padding: 18px;
}
.kb-feature-card p:first-child {
  font-weight: 700;
  font-size: 15px;
}
.kb-feature-card p:last-child {
  font-size: 14px;
}

/* Building cards */
.kb-building-card {
  background-color: var(--kb-accent-bg);
  padding: 20px;
}
.kb-building-card h3 {
  font-size: 18px;
}
.kb-building-card p {
  font-size: 14px;
}

/* Address cards */
.kb-address-card {
  background-color: var(--kb-accent-bg);
  padding: 15px;
}

/* Section text emphasis */
.kb-text-highlight {
  color: var(--kb-highlight);
  font-weight: 700;
}

/* Links inside colored sections */
.kb-hero a, .kb-footer-bar a {
  text-decoration: underline;
}