:root{
  --primary:#0d6efd; /* bootstrap primary fallback */
  --accent-1:#0b7285; /* teal-ish */
  --accent-2:#1f8a70; /* green */
  --muted:#6c757d;
  --soft-bg:#f8fafc;
  --card-bg:#ffffff;
}

body{
  font-family: Inter, system-ui, -apple-system, "Helvetica Neue", Arial;
  background: var(--soft-bg);
  color:#222;
}

/* Brand mark */
.brand-mark{
  width:44px;height:44px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--primary),var(--accent-2));
  color:#fff;font-weight:700;font-size:20px;
}

/* Hero */
.hero-section{
  background: linear-gradient(180deg, rgba(13,110,253,0.03), rgba(31,138,112,0.02));
}

/* Stat cards in hero */
.stat-card{ background:#fff; border:1px solid rgba(0,0,0,0.04); text-align:center; }
.stat-card .h4{ color:var(--accent-1); font-weight:700; }

/* Service cards */
.service-card{ background: #fff; border:1px solid rgba(13,110,253,0.06); }
.service-card .icon i{ color:var(--primary); }

/* Doctor card image */
.doctor-card img{ height:220px; object-fit:cover; border-bottom:1px solid rgba(0,0,0,0.03); }

/* Hero image card */
.hero-image img{ height:360px; object-fit:cover; }

/* Soft backgrounds */
.bg-soft{ background: linear-gradient(180deg,#ffffff,#fbfdff); }

/* Footer small */
footer{ font-size:0.9rem; }

/* Buttons */
.btn-primary{ background:linear-gradient(90deg,var(--primary),var(--accent-1)); border:0; box-shadow:0 6px 20px rgba(13,110,253,0.08); }

/* Responsive tweaks */
@media (max-width:992px){
  .hero-image img{ height:220px; }
  .doctor-card img{ height:180px; }
}

/* subtle helper */
.text-muted { color: var(--muted) !important; }