/* ============================================
   MJC Job Manager Docs - Custom Theme
   Matches mjcjobmanager.com website colors
   ============================================ */

/* Light mode colors */
:root {
  --md-primary-fg-color: rgb(31, 143, 255);
  --md-primary-fg-color--light: rgb(96, 165, 250);
  --md-primary-fg-color--dark: rgb(29, 78, 216);
  --md-accent-fg-color: rgb(249, 116, 21);
  --md-accent-fg-color--transparent: rgba(249, 116, 21, 0.1);
  
  /* Text colors */
  --md-default-fg-color: rgb(29, 32, 37);
  --md-default-fg-color--light: rgb(107, 114, 128);
  --md-default-fg-color--lighter: rgb(156, 163, 175);
  --md-default-fg-color--lightest: rgb(229, 231, 235);
  
  /* Background colors */
  --md-default-bg-color: rgb(255, 255, 255);
  --md-default-bg-color--light: rgb(241, 242, 244);
  --md-default-bg-color--lighter: rgb(248, 250, 252);
  --md-default-bg-color--lightest: rgb(255, 255, 255);
  
  /* Code block colors */
  --md-code-bg-color: rgb(241, 242, 244);
  --md-code-fg-color: rgb(29, 32, 37);
  
  /* Typeset link colors */
  --md-typeset-a-color: rgb(31, 143, 255);
}

/* Dark mode colors */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: rgb(59, 130, 246);
  --md-primary-fg-color--light: rgb(96, 165, 250);
  --md-primary-fg-color--dark: rgb(37, 99, 235);
  --md-accent-fg-color: rgb(251, 146, 60);
  --md-accent-fg-color--transparent: rgba(251, 146, 60, 0.1);
  
  /* Text colors */
  --md-default-fg-color: rgb(243, 244, 246);
  --md-default-fg-color--light: rgb(156, 163, 175);
  --md-default-fg-color--lighter: rgb(107, 114, 128);
  --md-default-fg-color--lightest: rgb(55, 65, 81);
  
  /* Background colors */
  --md-default-bg-color: rgb(17, 24, 39);
  --md-default-bg-color--light: rgb(31, 41, 55);
  --md-default-bg-color--lighter: rgb(55, 65, 81);
  --md-default-bg-color--lightest: rgb(75, 85, 99);
  
  /* Code block colors */
  --md-code-bg-color: rgb(31, 41, 55);
  --md-code-fg-color: rgb(243, 244, 246);
  
  /* Typeset link colors */
  --md-typeset-a-color: rgb(59, 130, 246);
}

/* Link hover color */
.md-typeset a:hover {
  color: var(--md-accent-fg-color);
}

/* Header styling - dark header like website */
.md-header {
  background-color: rgb(17, 24, 39);
}

[data-md-color-scheme="slate"] .md-header {
  background-color: rgb(17, 24, 39);
}

/* Navigation tabs - match header */
.md-tabs {
  background-color: rgb(17, 24, 39);
}

[data-md-color-scheme="slate"] .md-tabs {
  background-color: rgb(17, 24, 39);
}

/* Header text/icon colors */
.md-header__button,
.md-header__title,
.md-header-nav__button {
  color: rgb(243, 244, 246);
}

.md-header__button:hover {
  color: rgb(249, 116, 21);
}

/* Search bar in header */
.md-search__input {
  background-color: rgb(31, 41, 55);
}

.md-search__input::placeholder {
  color: rgb(156, 163, 175);
}

/* Tabs text */
.md-tabs__link {
  color: rgb(243, 244, 246);
  opacity: 0.8;
}

.md-tabs__link:hover,
.md-tabs__link--active {
  color: rgb(243, 244, 246);
  opacity: 1;
}

/* Footer */
.md-footer {
  background-color: var(--md-default-bg-color--light);
}

/* Admonition styling */
.md-typeset .admonition,
.md-typeset details {
  border-left-width: 4px;
}

/* Code copy button */
.md-clipboard {
  color: var(--md-default-fg-color--light);
}

.md-clipboard:hover {
  color: var(--md-accent-fg-color);
}

/* Search highlight */
.md-search-result .md-search-result__article--document mark,
.md-search-result .md-search-result__article mark {
  background-color: var(--md-accent-fg-color--transparent);
  color: var(--md-accent-fg-color);
}

/* Button styling */
.md-typeset .md-button {
  border-radius: 6px;
  font-weight: 500;
}

.md-typeset .md-button--primary {
  background-color: var(--md-primary-fg-color);
  border-color: var(--md-primary-fg-color);
}

.md-typeset .md-button--primary:hover {
  background-color: var(--md-accent-fg-color);
  border-color: var(--md-accent-fg-color);
}