/* Custom styling to match main application CSS */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root {
  /* Brand colors */
  --bs-primary: #D4A017;
  --bs-primary-rgb: 212, 160, 23;
  --bs-secondary-bg: #e0e0d1;
  --bs-dark-green: #051b11;
  --bs-divider: #A2BBA1;

  /* Material theme overrides */
  --md-primary-fg-color: #D4A017;
  --md-primary-fg-color--light: #e5b84a;
  --md-primary-fg-color--dark: #b88a13;
  --md-primary-bg-color: #fff;
  --md-accent-fg-color: #D4A017;
  --md-accent-fg-color--transparent: rgba(212, 160, 23, 0.1);
}

/* Light mode colors */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #e0e0d1;
  --md-default-fg-color: #051b11;
  --md-code-bg-color: #f5f5e8;
  --md-code-fg-color: #051b11;

  /* Typography */
  --md-typeset-color: #051b11;
  --md-typeset-a-color: #D4A017;

  /* Header/Navigation */
  --md-primary-fg-color: #D4A017;
  --md-primary-bg-color: #051b11;
}

/* Dark mode colors */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #051b11;
  --md-default-fg-color: #e0e0d1;
  --md-code-bg-color: #0a2a1a;
  --md-code-fg-color: #e0e0d1;

  /* Typography */
  --md-typeset-color: #e0e0d1;
  --md-typeset-a-color: #D4A017;

  /* Accent */
  --md-accent-fg-color: #D4A017;
}

/* Font family */
body {
  font-family: "Lato", sans-serif;
  line-height: 1.6;
}

.md-typeset {
  font-family: "Lato", sans-serif;
  line-height: 1.6;
}

/* Headings */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  color: #051b11;
}

[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2,
[data-md-color-scheme="slate"] .md-typeset h3,
[data-md-color-scheme="slate"] .md-typeset h4,
[data-md-color-scheme="slate"] .md-typeset h5,
[data-md-color-scheme="slate"] .md-typeset h6 {
  color: #e0e0d1;
}

/* Links */
.md-typeset a {
  color: #D4A017;
}

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

/* Buttons */
.md-button {
  background-color: #051b11;
  color: white;
  border: 0.15em solid white;
  border-radius: 0.5em;
  font-family: "Lato", sans-serif;
}

.md-button:hover {
  background-color: #051b11;
  border-color: #D4A017;
  color: white;
}

.md-button--primary {
  background-color: #D4A017;
  border-color: #D4A017;
  color: white;
}

.md-button--primary:hover {
  background-color: #b88a13;
  border-color: #b88a13;
}

/* Header */
.md-header {
  background-color: #051b11;
  color: white;
}

.md-header__button.md-logo img {
  width: 60px;
  height: 60px;
}

.md-header__button {
  color: white;
}

.md-header__title {
  color: white;
  font-weight: 700;
}

/* Navigation tabs */
.md-tabs {
  background-color: #051b11;
}

.md-tabs__link {
  color: rgba(255, 255, 255, 0.7) !important;
  opacity: 1 !important;
}

.md-tabs__link--active {
  color: #D4A017 !important;
  opacity: 1 !important;
  font-weight: 700;
}

.md-tabs__link:hover {
  color: #D4A017 !important;
  opacity: 1 !important;
}

/* Sidebar navigation */
.md-nav__item--active > .md-nav__link {
  color: #D4A017 !important;
  font-weight: 700;
  opacity: 1 !important;
}

.md-nav__link {
  color: #051b11 !important;
  opacity: 1 !important;
}

.md-nav__link:hover {
  color: #D4A017 !important;
}

/* Dark mode sidebar navigation */
[data-md-color-scheme="slate"] .md-nav__link {
  color: #e0e0d1 !important;
  opacity: 1 !important;
}

[data-md-color-scheme="slate"] .md-nav__item--active > .md-nav__link {
  color: #D4A017 !important;
  font-weight: 700;
  opacity: 1 !important;
}

/* Code blocks */
.md-typeset code {
  background-color: #f5f5e8;
  color: #051b11;
  border-radius: 0.25em;
}

[data-md-color-scheme="slate"] .md-typeset code {
  background-color: #0a2a1a;
  color: #e0e0d1;
}

.md-typeset pre > code {
  background-color: #f5f5e8;
}

[data-md-color-scheme="slate"] .md-typeset pre > code {
  background-color: #0a2a1a;
}

/* Admonitions */
.md-typeset .admonition,
.md-typeset details {
  border-left: 0.2rem solid #D4A017;
}

.md-typeset .admonition-title,
.md-typeset summary {
  background-color: rgba(212, 160, 23, 0.1);
  border-left-color: #D4A017;
}

/* Tables */
.md-typeset table:not([class]) {
  border: 1px solid #A2BBA1;
}

.md-typeset table:not([class]) th {
  background-color: #051b11;
  color: white;
  font-weight: 700;
}

.md-typeset table:not([class]) tr:hover {
  background-color: rgba(212, 160, 23, 0.05);
}

/* Search */
.md-search__input {
  background-color: rgba(255, 255, 255, 0.1);
}

.md-search__input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/* Footer */
.md-footer {
  background-color: #051b11;
  color: white;
}

.md-footer-meta {
  background-color: #041509;
}

.md-footer-meta__inner {
  justify-content: center;
  text-align: center;
}

.md-footer__link:hover {
  color: #D4A017;
}

/* Horizontal dividers */
hr {
  border-color: #A2BBA1;
  background-color: #A2BBA1;
}

/* Content area padding adjustment */
.md-content__inner {
  padding-left: 5%;
  padding-right: 5%;
}

@media screen and (min-width: 76.25em) {
  .md-content__inner {
    padding-left: 8%;
    padding-right: 8%;
  }
}

/* Scrollbar styling (for webkit browsers) */
::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}

::-webkit-scrollbar-thumb {
  background-color: #D4A017;
  border-radius: 0.25rem;
}

::-webkit-scrollbar-track {
  background-color: #e0e0d1;
}

[data-md-color-scheme="slate"] ::-webkit-scrollbar-track {
  background-color: #051b11;
}