/* PIA 2026 Q&A — match the publicinterestalberta.org/pia2026 stack:
   Material deep purple + Space Grotesk display/body, JetBrains Mono code. */

:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
  --bs-primary:           #673ab7;
  --bs-primary-rgb:       103, 58, 183;
  --bs-link-color:        #673ab7;
  --bs-link-color-rgb:    103, 58, 183;
  --bs-link-hover-color:  #4527a0;
  --bs-link-hover-color-rgb: 69, 39, 160;
}

/* Typography — same display face as the docs site. */
body,
.btn,
input, textarea, select {
  font-family: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Space Grotesk", system-ui, sans-serif;
  letter-spacing: -0.01em;
}
code, pre, kbd, samp,
.font-monospace {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* Buttons — repaint the Answer-default blue. */
.btn-primary {
  --bs-btn-bg: #673ab7;
  --bs-btn-border-color: #673ab7;
  --bs-btn-hover-bg: #5e35b1;
  --bs-btn-hover-border-color: #5e35b1;
  --bs-btn-active-bg: #4527a0;
  --bs-btn-active-border-color: #4527a0;
  --bs-btn-disabled-bg: #b39ddb;
  --bs-btn-disabled-border-color: #b39ddb;
}
.btn-outline-primary {
  --bs-btn-color: #673ab7;
  --bs-btn-border-color: #673ab7;
  --bs-btn-hover-bg: #673ab7;
  --bs-btn-hover-border-color: #673ab7;
  --bs-btn-active-bg: #4527a0;
  --bs-btn-active-border-color: #4527a0;
}

/* Top navbar, badges, tag pills. */
.bg-primary,
.navbar.bg-primary,
header.bg-primary    { background-color: #673ab7 !important; }
.text-primary        { color: #673ab7 !important; }
.badge.bg-primary    { background-color: #673ab7 !important; }
.border-primary      { border-color: #673ab7 !important; }

/* Inline links + visited. */
a, a:visited         { color: #673ab7; }
a:hover              { color: #4527a0; }

/* Search/input focus ring matches the brand. */
.form-control:focus,
.form-select:focus {
  border-color: #b39ddb;
  box-shadow: 0 0 0 0.2rem rgba(103, 58, 183, 0.18);
}

/* Optional: tag chips on questions get a soft purple wash. */
.badge.tag,
a.badge.tag {
  background-color: rgba(103, 58, 183, 0.10);
  color: #4527a0;
  border: 1px solid rgba(103, 58, 183, 0.25);
}

/* ---- Top navbar override (high specificity, beats Answer's theme bar) ---- */

header.navbar,
nav.navbar,
.navbar,
.navbar.bg-light,
.navbar.bg-dark,
.navbar.bg-primary,
.navbar.navbar-light,
.navbar.navbar-dark {
  background-color: #673ab7 !important;
  border-bottom: 1px solid #4527a0 !important;
}

/* Site name, nav links, icon buttons — all read white on the purple bar. */
.navbar .navbar-brand,
.navbar .navbar-brand:hover,
.navbar .nav-link,
.navbar .nav-link:hover,
.navbar a,
.navbar a:hover,
.navbar .btn-link,
.navbar svg {
  color: #ffffff !important;
  fill: currentColor !important;
}

/* Search input — translucent white pill that reads on purple. */
.navbar .form-control,
.navbar input[type="search"],
.navbar input[type="text"] {
  background-color: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
}
.navbar .form-control::placeholder,
.navbar input::placeholder {
  color: rgba(255, 255, 255, 0.72) !important;
}
.navbar .form-control:focus {
  background-color: rgba(255, 255, 255, 0.20) !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.18) !important;
}

/* "Create" button — flip to a white pill so it stays visible on purple. */
.navbar .btn-primary {
  --bs-btn-bg: #ffffff;
  --bs-btn-color: #4527a0;
  --bs-btn-border-color: #ffffff;
  --bs-btn-hover-bg: #ede7f6;
  --bs-btn-hover-color: #311b92;
  --bs-btn-hover-border-color: #ede7f6;
  --bs-btn-active-bg: #d1c4e9;
  --bs-btn-active-color: #311b92;
  --bs-btn-active-border-color: #d1c4e9;
}