/* HOA Control Panel marketing site — matches the panel's sage palette. */
:root {
  --hoa-green: #2f6f5e;
  --hoa-green-dark: #24564a;
  --hoa-ink: #24312a;
}

body { color: var(--hoa-ink); }

.site-header { background: var(--hoa-green-dark); }
.brand-mark {
  display: inline-block;
  background: var(--hoa-green);
  color: #fff;
  font-weight: 800;
  padding: 4px 9px;
  border-radius: 9px;
  letter-spacing: 0.02em;
}
.brand-text { color: #fff; }
.nav-link-plain { color: rgba(255, 255, 255, 0.85); text-decoration: none; }
.nav-link-plain:hover { color: #fff; }

.hero {
  background: linear-gradient(160deg, var(--hoa-green-dark), var(--hoa-green));
  color: #fff;
}

.feature-card {
  border: 1px solid #dde3de;
  border-radius: 12px;
  padding: 22px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(36, 49, 42, 0.06);
}
.feature-icon { font-size: 28px; margin-bottom: 8px; }
.feature-card h5 { color: var(--hoa-green-dark); }

.pricing-section { background: #f2f5f2; }
.pricing-card .card-header { text-align: center; }
.pricing-card ul li { padding: 3px 0; }
.btn-primary, .btn-primary:hover { background: var(--hoa-green); border-color: var(--hoa-green); }
.btn-primary:hover { background: var(--hoa-green-dark); }
.btn-outline-primary { color: var(--hoa-green); border-color: var(--hoa-green); }
.btn-outline-primary:hover { background: var(--hoa-green); border-color: var(--hoa-green); }
.border-primary { border-color: var(--hoa-green) !important; }
.text-bg-primary { background-color: var(--hoa-green) !important; }

.demo-box {
  max-width: 860px;
  border: 2px dashed var(--hoa-green);
  border-radius: 14px;
  padding: 36px 24px;
  background: #f7faf8;
}

.site-footer { background: #eef1ee; }
.site-footer a { color: var(--hoa-green-dark); text-decoration: none; }
.site-footer a:hover { text-decoration: underline; }
.social-list li { padding: 2px 0; }