/* ==========================================================================
   Plainsight Vision Playbook – Brand Theme (minimal)
   Colors: #000075 (dark blue), #D5693A (orange), #FCF8F3 (cream)
   ========================================================================== */

/* ---------- Override Material's default indigo palette ---------- */
[data-md-color-primary="indigo"] {
  --md-primary-fg-color:        #000075;
  --md-primary-fg-color--light: #1a1a9a;
  --md-primary-fg-color--dark:  #00005a;
}

[data-md-color-accent="indigo"] {
  --md-accent-fg-color:         #D5693A;
  --md-accent-fg-color--transparent: rgba(213, 105, 58, 0.1);
}

/* ---------- Background color ---------- */
[data-md-color-scheme="default"] {
  --md-default-bg-color:        #FCF8F3;
  --md-default-bg-color--light: #FDFAF7;
}

/* ---------- Dark mode ---------- */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #000075;
  --md-primary-fg-color--light: #1a1a9a;
  --md-primary-fg-color--dark:  #00005a;
  --md-accent-fg-color:         #D5693A;
}

/* ---------- Logo ---------- */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.6rem;
  width: auto;
}

/* ---------- Table headers ---------- */
.md-typeset table:not([class]) th {
  background-color: var(--md-primary-fg-color);
  color: #fff;
}

/* ---------- Taller header bar ---------- */
.md-header {
  padding: 0.3rem 0;
}

/* ---------- Subheader strip (plainsight.pro link below logo) ---------- */
.ps-subheader {
  background-color: #000075;
  border-top: 1px solid rgba(255,255,255,0.1);
}
.ps-subheader__inner {
  padding: 0.15rem 0.8rem;
}
.ps-subheader__inner a {
  color: #D5693A !important;
  font-size: 0.65rem;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  text-decoration: none;
}
.ps-subheader__inner a:hover {
  color: #e8814f !important;
}
.ps-subheader__inner img {
  height: 0.85rem;
  width: auto;
}

/* ---------- Intertwined triangles in header ---------- */
.md-header::after {
  content: "";
  position: absolute;
  right: 4.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 80px;
  height: 50px;
  background: url("../assets/triangles-header.svg") no-repeat center / contain;
  pointer-events: none;
}
@media (max-width: 76.25em) {
  .md-header::after { display: none; }
}

/* ---------- Bolder page titles ---------- */
.md-typeset h1 {
  font-weight: 700;
  font-size: 2.2em;
}

/* ---------- Nav section headers in brand blue ---------- */
.md-nav__item--section > .md-nav__link {
  color: #000075 !important;
  font-weight: 700;
}
[data-md-color-scheme="slate"] .md-nav__item--section > .md-nav__link {
  color: #8888cc !important;
}

/* ---------- Reduce blank gaps between nav sections ---------- */
.md-nav--primary > .md-nav__list > .md-nav__item--section {
  margin: 0;
}
.md-nav--primary > .md-nav__list > .md-nav__item--section > .md-nav__link {
  margin-top: 0;
}
.md-nav--primary .md-nav__item {
  padding: 0;
}