/* static plain HTML site, backend: www.insist.si */
:root{
  --nc-blue:#0eb0be;
  --nc-pink:#ec397d;
  --nc-gray:#6c757d;
  --nc-black:#1a1a1a;
  /* Bootstrap color overrides */
  --bs-primary: #0eb0be;
  --bs-primary-rgb: 14,176,190;
  --bs-secondary: #ec397d;
  --bs-secondary-rgb: 236,57,125;
  --bs-success: #0eb0be;
  --bs-info: #0eb0be;
  --bs-warning: #ec397d;
  --bs-danger: #ec397d;
}

/* Bootstrap component overrides */
.btn-primary {
  background-color: var(--nc-blue);
  border-color: var(--nc-blue);
  color: white;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #0ca0ad;
  border-color: #0ca0ad;
  color: white;
}

.btn-secondary {
  background-color: var(--nc-pink);
  border-color: var(--nc-pink);
  color: white;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  background-color: #d62d69;
  border-color: #d62d69;
  color: white;
}

.btn-outline-primary {
  color: var(--nc-blue);
  border-color: var(--nc-blue);
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
  background-color: var(--nc-blue);
  border-color: var(--nc-blue);
  color: white;
}

.btn-outline-secondary {
  color: var(--nc-pink);
  border-color: var(--nc-pink);
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active {
  background-color: var(--nc-pink);
  border-color: var(--nc-pink);
  color: white;
}

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

.badge.bg-primary { background-color: var(--nc-blue) !important; }
.badge.bg-secondary { background-color: var(--nc-pink) !important; }

.nav-link.active, .nav-pills .nav-link.active {
  background-color: var(--nc-blue);
  color: white;
}

.pagination .page-link {
  color: var(--nc-blue);
}
.pagination .page-item.active .page-link {
  background-color: var(--nc-blue);
  border-color: var(--nc-blue);
}

.form-check-input:checked {
  background-color: var(--nc-blue);
  border-color: var(--nc-blue);
}

.form-control:focus, .form-select:focus {
  border-color: var(--nc-blue);
  box-shadow: 0 0 0 0.25rem rgba(14,176,190,0.25);
}

.alert-primary {
  color: #084c52;
  background-color: rgba(14,176,190,0.1);
  border-color: rgba(14,176,190,0.2);
}

.alert-secondary {
  color: #5c1d36;
  background-color: rgba(236,57,125,0.1);
  border-color: rgba(236,57,125,0.2);
}

.progress-bar {
  background-color: var(--nc-blue);
}

.list-group-item.active {
  background-color: var(--nc-blue);
  border-color: var(--nc-blue);
}
.navbar-brand img{height:36px; width:auto}
.hero{ background: linear-gradient(180deg, rgba(14,176,190,0.12), rgba(236,57,125,0.04)); padding: 4rem 0;}
.hero h1{font-weight:800; letter-spacing:.3px}
.badge-soft{background: rgba(14,176,190,.12); color:var(--nc-blue); border:1px solid rgba(14,176,190,.2)}
.section{padding:4rem 0}
.icon-bullet{width:12px; height:12px; background:var(--nc-pink); border-radius:50%; display:inline-block; margin-right:.5rem}
.card-shadow{box-shadow: 0 10px 25px rgba(0,0,0,.06)}
footer{background:var(--nc-black); color:#cbd5e1}
footer a{color:var(--nc-blue); text-decoration:none}
footer a:hover{color:var(--nc-pink); text-decoration:underline}
pre{background:#0b1220; color:#e2e8f0; padding:1rem; border-radius:.5rem; overflow:auto}
code{background:#f8fafc; padding:.125rem .375rem; border:1px solid #e2e8f0; border-radius:.25rem}
html {background:#1A1A1A}