/* HTech exact palette override — loaded last by header.tpl. */

:root {
  --htech-slate-950: #0f172a;
  --htech-slate-900: #0f172a;
  --htech-slate-800: #1e293b;
  --htech-slate-700: #334155;
  --htech-teal-700: #0f766e;
  --htech-teal-600: #0d9488;
  --htech-teal-500: #14b8a6;
  --htech-teal-100: #ccfbf1;
  --htech-gold-700: #92400e;
  --htech-gold-600: #9a4510;
  --htech-gold-500: #b45309;
  --htech-gold-100: #fff7ed;
}

body.htech-theme .htech-utility-bar {
  background-color: var(--htech-teal-700);
}

body.htech-theme .topbar.htech-account-bar {
  background-color: var(--htech-slate-950);
}

body.htech-theme .main-navbar-wrapper,
body.htech-theme .navbar.main-navbar-wrapper,
body.htech-theme .home-domain-search {
  background-color: var(--htech-teal-700) !important;
}

body.htech-theme .main-navbar-wrapper .navbar-nav > li > a:hover,
body.htech-theme .main-navbar-wrapper .navbar-nav > li > a:focus,
body.htech-theme .main-navbar-wrapper .navbar-nav > .active > a,
body.htech-theme .main-navbar-wrapper .navbar-nav .active > .nav-link,
body.htech-theme .main-navbar-wrapper .navbar-nav .show > .nav-link {
  background-color: var(--htech-slate-950);
  color: #fff;
}

body.htech-theme .btn-primary,
body.htech-theme .page-item.active .page-link {
  background-color: var(--htech-teal-700);
  border-color: var(--htech-teal-700);
}

body.htech-theme .btn-primary:hover,
body.htech-theme .btn-primary:focus,
body.htech-theme .btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--htech-slate-950);
  border-color: var(--htech-slate-950);
}

body.htech-theme .badge-info,
body.htech-theme .btn-gold,
body.htech-theme .btn-warning {
  background-color: var(--htech-gold-500);
  border-color: var(--htech-gold-500);
  color: #fff;
}

body.htech-theme .htech-dashboard-welcome,
body.htech-theme .htech-portal-intro {
  background:
    radial-gradient(circle at 90% 15%, rgba(180, 83, 9, 0.22), transparent 34%),
    linear-gradient(135deg, var(--htech-slate-950), var(--htech-slate-800));
}

body.htech-theme footer.footer.htech-footer {
  background-color: #0f3d3a;
  color: #dbe7e5;
}

body.htech-theme footer.footer.htech-footer .htech-footer-bottom {
  border-top-color: rgba(255, 255, 255, 0.16);
}

body.htech-theme footer.footer.htech-footer a,
body.htech-theme footer.footer.htech-footer .btn {
  color: #fff;
}

body.htech-theme footer.footer.htech-footer a:hover,
body.htech-theme footer.footer.htech-footer a:focus,
body.htech-theme footer.footer.htech-footer .btn:hover,
body.htech-theme footer.footer.htech-footer .btn:focus {
  color: #f0b66d;
}