:root {
  --km-primary: #C83250;      /* coral-pink primary */
  --km-primary-dark: #A72942; /* darker hover/complement */
  --km-secondary: #A72942;
  --km-accent: #FF809C;       /* light maternity pink */
  --km-soft: #FFEFF3;         /* pale background wash */
  --primary-color: var(--km-primary);
  --secondary-color: var(--km-primary-dark);
  --accent-color: var(--km-accent);
  --accent-color-2: var(--km-soft);
}

.text-primary { color: var(--primary-color) !important; }
.bg-primary { background-color: var(--primary-color) !important; }
.bg-secondary { background-color: var(--secondary-color) !important; }

.hero {
  background: linear-gradient(135deg, rgba(255, 128, 156, 0.20), rgba(255, 239, 243, 0.45)),
              url("../../knowme_now/index/now_banner_v2.2c7f4afbc776.png") center/cover no-repeat;
}

/* Navbar overrides for maternity branding */
.navbar {
  border: 1px solid rgba(200, 50, 80, 0.14);
  box-shadow: 0 18px 45px rgba(200, 50, 80, 0.16);
  background: rgba(255, 255, 255, 0.9);
}

.navbar .logo {
  color: #C83250;
}

.navbar .logo img {
  height: 44px;
}

.navbar ul li a:hover,
.navbar ul li a:focus {
  color: #C83250;
}