/* Survipedia Custom Theme — Forest + Gold
   Place at: docs/assets/css/custom.css
   Reference in mkdocs.yml: extra_css: [assets/css/custom.css] */

/* ===== LIGHT MODE ===== */

:root {
  --md-primary-fg-color: #1B5E3B;
  --md-primary-fg-color--light: #2E7D4F;
  --md-primary-fg-color--dark: #0D3B24;
  --md-accent-fg-color: #D4A843;
  --md-accent-fg-color--transparent: rgba(212, 168, 67, 0.1);
  --md-typeset-color: #2C2C2A;
}

.md-header {
  background-color: #1B5E3B;
}

.md-tabs {
  background-color: #0D3B24;
}

.md-tabs__link--active,
.md-tabs__link:hover {
  color: #E8C55A !important;
}

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

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

.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: #D4A843;
}

.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: rgba(212, 168, 67, 0.1);
  border-color: #D4A843;
}

.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before {
  background-color: #D4A843;
}

.md-search-result mark {
  background-color: rgba(232, 197, 90, 0.3);
}

.md-footer {
  background-color: #0D3B24;
}

/* ===== DARK MODE ===== */

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #0D3B24;
  --md-primary-fg-color--light: #1B5E3B;
  --md-primary-fg-color--dark: #081F14;
  --md-accent-fg-color: #E8C55A;
  --md-accent-fg-color--transparent: rgba(232, 197, 90, 0.1);
  --md-default-bg-color: #1E1E1E;
  --md-default-bg-color--light: #262626;
}

[data-md-color-scheme="slate"] .md-header {
  background-color: #0D3B24;
}

[data-md-color-scheme="slate"] .md-tabs {
  background-color: #081F14;
}

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

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

[data-md-color-scheme="slate"] .md-footer {
  background-color: #081F14;
}

[data-md-color-scheme="slate"] .md-typeset .admonition.tip,
[data-md-color-scheme="slate"] .md-typeset details.tip {
  border-color: #D4A843;
}

[data-md-color-scheme="slate"] .md-typeset .tip > .admonition-title,
[data-md-color-scheme="slate"] .md-typeset .tip > summary {
  background-color: rgba(212, 168, 67, 0.08);
  border-color: #D4A843;
}

[data-md-color-scheme="slate"] .md-typeset .tip > .admonition-title::before,
[data-md-color-scheme="slate"] .md-typeset .tip > summary::before {
  background-color: #D4A843;
}