:root{
  --sv-accent: #1f7a73; /* jemná teal/zelinkavá */
  --sv-accent-2: #0f4c47;
  --sv-bg: #fbfbfa;
}
html { scroll-behavior: smooth; }
body { background: var(--sv-bg); }
.navbar-brand { letter-spacing: .2px; }
.btn-accent{
  background: var(--sv-accent);
  border-color: var(--sv-accent);
  color: #fff;
}
.btn-accent:hover, .btn-accent:focus{
  background: var(--sv-accent-2);
  border-color: var(--sv-accent-2);
  color:#fff;
}
.badge-accent{
  background: rgba(31,122,115,.12);
  color: var(--sv-accent-2);
  border: 1px solid rgba(31,122,115,.22);
}
.hero{
  background:
    radial-gradient(900px circle at 15% 0%, rgba(31,122,115,.18), transparent 55%),
    radial-gradient(700px circle at 85% 10%, rgba(31,122,115,.10), transparent 55%);
}
.hero-card{
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 30px rgba(0,0,0,.05);
}
.section-title{
  letter-spacing: .2px;
}
.card{
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 8px 22px rgba(0,0,0,.04);
}
.icon-circle{
  width: 44px; height: 44px;
  display: inline-flex; align-items:center; justify-content:center;
  border-radius: 999px;
  background: rgba(31,122,115,.12);
  border: 1px solid rgba(31,122,115,.22);
  color: var(--sv-accent-2);
}
.footer{
  border-top: 1px solid rgba(0,0,0,.08);
}
.small-muted{ color: rgba(0,0,0,.65); }
.kicker{ text-transform: uppercase; letter-spacing: .18em; font-size:.78rem; color: rgba(0,0,0,.60); }