/* app/site/static/css/brand.css */
/* Keep overrides small and intentional. */
:root {
    /* Add brand tokens here later */
  }


  /* =========================================================
   Why: Stop Nioland's dark/black hover on header buttons.
   Keep hover subtle + premium (slightly deeper blue), never black.
   ========================================================= */

:root{
  /* keep your current blue, just define a consistent hover shade */
  --sb-primary: #2F6BFF;
  --sb-primary-hover: #2557D8;
  --sb-ink: #0F172A;
}

/* --- Primary buttons: never go black on hover --- */
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active{
  background-color: var(--sb-primary-hover) !important;
  border-color: var(--sb-primary-hover) !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* --- Outline primary: either stay outline OR fill with blue (pick one) --- */
/* Option A (premium subtle): stay outline on hover */
.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus,
.btn.btn-outline-primary:active{
  background: rgba(47, 107, 255, 0.08) !important;
  border-color: var(--sb-primary) !important;
  color: var(--sb-ink) !important;
  box-shadow: none !important;
}

/* Header: kill any theme “dark hover” overrides */
.nk-header .btn:hover,
.nk-header .btn:focus,
.nk-header .btn:active{
  filter: none !important;
}

/* If the theme is forcing black via dark button classes, neutralise them in header */
.nk-header .btn.btn-dark,
.nk-header .btn.btn-outline-dark{
  background: transparent !important;
  border-color: rgba(15, 23, 42, 0.18) !important;
  color: var(--sb-ink) !important;
}
.nk-header .btn.btn-dark:hover,
.nk-header .btn.btn-outline-dark:hover{
  background: rgba(47, 107, 255, 0.08) !important;
  border-color: var(--sb-primary) !important;
  color: var(--sb-ink) !important;
}