/* css styles */

/* ---------- Theme colors: Colorado Avalanche + Vancouver Canucks ---------- */
:root{
  /* Avalanche-inspired */
  --nhl-burgundy: #6f263d;
  --nhl-steel-blue: #236192;
  --nhl-ice-blue: #a2aaad;

  /* Canucks-inspired */
  --nhl-navy: #00205b;
  --nhl-royal-blue: #0085ca;
  --nhl-green: #00b140;

  /* Neutrals */
  --nhl-dark: #101820;
  --nhl-dark-2: #17212b;
  --nhl-light: #ffffff;
  --nhl-soft-bg: #f7f9fb;
}

/* Keep page background light */
body{
  background: var(--nhl-soft-bg);
}

/* ---------- Navbar (top bar) ---------- */
.navbar,
.navbar.navbar-expand-lg{
  background: linear-gradient(
    90deg,
    var(--nhl-navy),
    var(--nhl-burgundy),
    var(--nhl-steel-blue)
  ) !important;
  border-bottom: 3px solid var(--nhl-green);
}

/* Brand + links */
.navbar .navbar-brand,
.navbar .nav-link{
  color: #f4f8fb !important;
}

/* Hover/focus link accent */
.navbar .nav-link:hover,
.navbar .nav-link:focus{
  color: var(--nhl-green) !important;
}

/* Active link accent */
.navbar .nav-link.active,
.navbar .navbar-nav .show > .nav-link{
  color: var(--nhl-green) !important;
  font-weight: 600;
}

/* Underline on active link */
.navbar .nav-link.active{
  border-bottom: 2px solid var(--nhl-green);
  padding-bottom: 0.25rem;
}

/* ---------- Text selection color ---------- */
::selection{
  background: var(--nhl-burgundy);
  color: #ffffff;
}

/* ---------- Soft white backdrop behind main content ---------- */
#quarto-document-content {
  background: rgba(255, 255, 255, 0.94);
  border-radius: 18px;
  padding: 1.25rem 1.25rem;
  box-shadow: 0 10px 28px rgba(0, 32, 91, 0.10);
  margin-top: 1rem;
  margin-bottom: 2rem;
}

/* -----------------------------
   Right TOC ("On this page") active styling
   ----------------------------- */
#quarto-margin-sidebar #TOC a.nav-link.active,
#quarto-margin-sidebar #TOC a.nav-link[aria-current="true"]{
  color: var(--nhl-burgundy) !important;
  font-weight: 800 !important;
}

/* Make the left indicator bar burgundy */
#quarto-margin-sidebar #TOC .nav-link.active{
  border-left: 3px solid var(--nhl-burgundy) !important;
  padding-left: 0.75rem;
}

/* Hover color */
#quarto-margin-sidebar #TOC a.nav-link:hover{
  color: var(--nhl-royal-blue) !important;
}

/* ---------- Optional: Headings with subtle hockey color accents ---------- */
h1, h2, h3 {
  color: var(--nhl-navy);
}

h2 {
  border-bottom: 2px solid rgba(0, 177, 64, 0.35);
  padding-bottom: 0.25rem;
}

/* ---------- Optional: Links in body text ---------- */
a {
  color: var(--nhl-steel-blue);
}

a:hover {
  color: var(--nhl-burgundy);
}


/* ---------- Bold text emphasis ---------- */
.reveal strong,
.reveal b {
  color: var(--nhl-burgundy);
  font-weight: 800;
}

/* ---------- FAQ accordion cards ---------- */
details {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(0, 32, 91, 0.14);
  border-left: 6px solid var(--nhl-burgundy);
  border-radius: 14px;
  padding: 0.85em 1em;
  margin: 0.85em 0;
  box-shadow: 0 8px 20px rgba(0, 32, 91, 0.08);
}

summary {
  cursor: pointer;
  color: var(--nhl-navy);
  font-weight: 800;
  font-size: 1.05em;
}

details[open] {
  border-left-color: var(--nhl-green);
}

details[open] > summary {
  color: var(--nhl-burgundy);
}

details p,
details li {
  margin-top: 0.75em;
}