/* PepTrac Custom Theme */

/* Import SF Pro fonts */
@import url('https://fonts.cdnfonts.com/css/sf-pro-display');

/* PepTrac branding colors */
.md-typeset {
  /* PepTrac App Colors */
  --peptrac-primary: #68C3C8;
  --peptrac-primary-light: #A2E8EC;
  --peptrac-secondary: #5F8F91;
  --peptrac-background: #DDE4E6;
  --peptrac-text: #1F2B2C;
  --peptrac-card: #FFFFFF;
  
  /* SF Fonts with fallbacks */
  --md-text-font: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --md-code-font: "SF Mono", "Monaco", "Menlo", "Consolas", monospace;
  
  font-family: var(--md-text-font) !important;
}

/* Typography */
.md-typeset h1 {
  color: var(--peptrac-text);
  font-weight: 600;
}

.md-typeset h2 {
  color: var(--peptrac-secondary);
  border-bottom: 2px solid var(--peptrac-primary-light);
  padding-bottom: 0.5rem;
  font-weight: 700;
}

/* Darker h3 headings to match header */
.md-typeset h3 {
  color: #00838F;
  font-weight: 600;
}

/* Darker links for better contrast on white background */
.md-typeset a {
  color: #2B8A8F;
}

.md-typeset a:hover {
  color: #1F6569;
}

.md-typeset code {
  background: var(--peptrac-background);
  color: var(--peptrac-text);
  border: 1px solid var(--peptrac-primary-light);
  font-family: var(--md-code-font);
}

.md-typeset pre {
  background: var(--peptrac-background);
  border-left: 4px solid var(--peptrac-primary);
  font-family: var(--md-code-font);
}

/* Fix navigation scrollbar */
.md-sidebar__scrollwrap {
  scrollbar-width: none;
}

.md-sidebar__scrollwrap::-webkit-scrollbar {
  display: none;
}

/* Header background */
.md-header,
.md-tabs {
  background-color: #000000 !important;
}

/* Larger PepTrac logo */
.md-header__button.md-logo,
.md-header__button.md-logo img,
.md-logo,
.md-logo img {
  height: 3rem !important;
  width: auto !important;
  border-radius: 22% !important;
}

/* Navigation tabs - white text, title case, minimal spacing */
.md-tabs__link,
.md-tabs__link:hover,
.md-tabs__link:focus,
.md-tabs__link--active {
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  color: #FFFFFF !important;
  opacity: 1 !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.md-tabs {
  color: #FFFFFF !important;
}

.md-tabs__item {
  padding: 0 !important;
  margin: 0 !important;
}

.md-tabs__list {
  margin: 0 !important;
}

/* Only increase font for LEFT sidebar navigation (not right TOC) */
.md-sidebar--primary .md-nav--primary .md-nav__link {
  font-size: 0.95rem !important;
}

.md-sidebar--primary .md-nav--primary .md-nav__title {
  font-size: 1rem !important;
  font-weight: 600;
}

/* Dark mode improvements */
[data-md-color-scheme="slate"] {
    --md-default-fg-color: #E8E8E8;
    --md-default-fg-color--light: #B8B8B8;
    --md-typeset-color: #E8E8E8;
}

[data-md-color-scheme="slate"] .md-typeset h1 {
    color: #FFFFFF;
}

[data-md-color-scheme="slate"] .md-typeset h2 {
    color: #A2E8EC;
    border-bottom-color: #5F8F91;
    font-weight: 700;
}

[data-md-color-scheme="slate"] .md-typeset h3 {
    color: #68C3C8;
    font-weight: 600;
}

[data-md-color-scheme="slate"] .md-typeset a {
    color: #A2E8EC;
}

[data-md-color-scheme="slate"] .md-typeset a:hover {
    color: #68C3C8;
}