:root {
  --jn-primary: #0f766e;
  --jn-primary-hover: #0d9488;
  --jn-secondary: #134e4a;
  --jn-bg: #f1f5f9;
  --jn-surface: #ffffff;
  --jn-text: #0f172a;
  --jn-muted: #64748b;
  --jn-radius: 12px;
  --jn-font-body: "IBM Plex Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --jn-font-heading: "IBM Plex Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
body {
  font-family: var(--jn-font-body) !important;
  background-color: var(--jn-bg);
  color: var(--jn-text);
}
h1, h2, h3, h4, h5, h6,
.entry-title, .item-title, .sec-panel-head h1, .sec-panel-head h3, .banner-inner h1 {
  font-family: var(--jn-font-heading) !important;
  color: var(--jn-text);
}
a, .text-primary, .entry-action .btn-zan, .load-more,
body>header.header .nav>li.active>a {
  color: var(--jn-primary) !important;
}
a:hover, .item-title a:hover {
  color: var(--jn-primary-hover) !important;
}
.btn.btn-primary, .bg-primary, .label-primary,
.search-form .submit, .post-loop-default .item-title a .sticky-post,
.sec-panel-head h1 span:before, .sec-panel-head h2 span:before, .sec-panel-head h3 span:before,
.widget-title:before, .comments-title:before {
  background-color: var(--jn-primary) !important;
  border-color: var(--jn-primary) !important;
}
.btn.btn-primary:hover, .search-form .submit:hover {
  background-color: var(--jn-primary-hover) !important;
  border-color: var(--jn-primary-hover) !important;
}
.sec-panel, .sidebar .widget, .entry, .jn-author-box {
  background: var(--jn-surface);
  border-radius: var(--jn-radius);
}
@media (max-width: 991px) {
  .navbar-collapse { background-color: var(--jn-primary) !important; }
}