/* PrimeRFP docs branding — matches app theme exactly */
/* Material v9: variables must be on :root for the navbar to pick them up */

:root {
  --md-primary-fg-color:                #0095A8;
  --md-primary-fg-color--light:         #4fb3bf;
  --md-primary-fg-color--dark:          #00687a;
  --md-primary-bg-color:                #ffffff;
  --md-primary-bg-color--light:         rgba(255,255,255,0.7);
  --md-accent-fg-color:                 #0095A8;
  --md-accent-fg-color--transparent:    rgba(0,149,168,0.1);
  --md-typeset-a-color:                 #0095A8;
}

/* Light mode */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #0095A8;
  --md-primary-fg-color--light: #4fb3bf;
  --md-primary-fg-color--dark:  #00687a;
  --md-accent-fg-color:         #0095A8;
  --md-typeset-a-color:         #0095A8;
}

/* Dark mode */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #4fb3bf;
  --md-primary-fg-color--light: #4fb3bf;
  --md-primary-fg-color--dark:  #0095A8;
  --md-accent-fg-color:         #4fb3bf;
  --md-typeset-a-color:         #4fb3bf;
}

/* Force navbar and tabs to brand teal — !important beats Material's inline style */
.md-header,
.md-header[data-md-state] {
  background-color: #0095A8 !important;
}

.md-tabs {
  background-color: #00687a !important;
}

/* Logo: fit cleanly in the navbar bar height */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 32px;
  width: auto;
}

/* Inline code: teal-tinted background */
.md-typeset code {
  background-color: rgba(0, 149, 168, 0.07);
  border-radius: 4px;
}

/* Wider content on large screens */
@media screen and (min-width: 76.25em) {
  .md-content {
    max-width: 900px;
  }
}