/* Fungoid Theme Custom Styles */

:root {
  /* Fungoid Color Palette */
  --fungoid-bg: #1e1e1e;
  --fungoid-fg: #e8e6e3;
  --fungoid-accent: #00d296;
  --fungoid-primary: #ff7800;
  --fungoid-secondary: #a09080;
  --fungoid-success: #3cdc50;
  --fungoid-warning: #ffbe00;
  --fungoid-error: #ff5a5a;
  --fungoid-info: #d966ff;
  
  /* Override Material Design colors */
  --md-primary-fg-color: #ff7800;
  --md-primary-fg-color--light: #e8e6e3;
  --md-primary-fg-color--dark: #00d296;
  --md-accent-fg-color: #00d296;
  --md-typeset-a-color: #ff7800;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #1e1e1e;
  --md-default-fg-color: #e8e6e3;
  --md-default-fg-color--light: #a09080;
  --md-default-fg-color--lighter: #00d296;
  --md-primary-fg-color: #ff7800;
  --md-primary-bg-color: #1e1e1e;
  --md-accent-fg-color: #00d296;
  
  --md-typeset-color: #e8e6e3;
  --md-typeset-a-color: #ff7800;
  --md-typeset-mark-color: rgba(255, 120, 0, 0.3);
  
  --md-code-bg-color: #2d2d2d;
  --md-code-fg-color: #e8e6e3;
  
  --md-admonition-bg-color: #2d2d2d;
  --md-admonition-title-fg-color: #ff7800;
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: #e8e6e3;
  --md-default-fg-color: #1e1e1e;
  --md-default-fg-color--light: #a09080;
  --md-default-fg-color--lighter: #00d296;
  --md-primary-fg-color: #ff7800;
  --md-primary-bg-color: #ffffff;
  --md-accent-fg-color: #00d296;
  
  --md-typeset-color: #1e1e1e;
  --md-typeset-a-color: #ff7800;
  --md-typeset-mark-color: rgba(255, 120, 0, 0.3);
  
  --md-code-bg-color: #f5f5f5;
  --md-code-fg-color: #1e1e1e;
  
  --md-admonition-bg-color: #f5f5f5;
  --md-admonition-title-fg-color: #ff7800;
}

/* Navigation */
.md-nav {
  font-size: 0.9rem;
}

.md-nav__link {
  color: #e8e6e3;
  transition: color 0.2s ease;
}

[data-md-color-scheme="default"] .md-nav__link {
  color: #1e1e1e;
}

.md-nav__link:hover {
  color: #00d296;
}

.md-nav__item--section > .md-nav__link[for] {
  color: #ff7800;
}

/* Header */
.md-header {
  background-color: #2d2d2d;
}

[data-md-color-scheme="default"] .md-header {
  background-color: #ffffff;
}

.md-header__title {
  color: #e8e6e3;
}

[data-md-color-scheme="default"] .md-header__title {
  color: #1e1e1e;
}

/* Search */
.md-search__form {
  background-color: #1a1a1a;
}

[data-md-color-scheme="default"] .md-search__form {
  background-color: #f5f5f5;
}

.md-search__output {
  background-color: #1e1e1e;
}

[data-md-color-scheme="default"] .md-search__output {
  background-color: #ffffff;
}

/* Code blocks */
.md-code__content {
  background-color: #2d2d2d;
}

[data-md-color-scheme="default"] .md-code__content {
  background-color: #f5f5f5;
}

pre code {
  color: #e8e6e3;
}

[data-md-color-scheme="default"] pre code {
  color: #1e1e1e;
}

/* Admonitions */
.md-typeset .admonition {
  border-radius: 4px;
}

.md-typeset .admonition-title {
  font-weight: 600;
}

/* Tables */
.md-typeset table:not([class]) {
  border-radius: 4px;
  overflow: hidden;
}

.md-typeset table:not([class]) th {
  background-color: #2d2d2d;
  color: #ff7800;
}

[data-md-color-scheme="default"] .md-typeset table:not([class]) th {
  background-color: #f5f5f5;
}

.md-typeset table:not([class]) td {
  color: #e8e6e3;
}

[data-md-color-scheme="default"] .md-typeset table:not([class]) td {
  color: #1e1e1e;
}

/* Headers */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  color: #ff7800;
  font-weight: 700;
}

.md-typeset h1 {
  border-bottom: 2px solid #ff7800;
  padding-bottom: 0.3em;
}

/* Links */
.md-typeset a {
  color: #ff7800;
  text-decoration: none;
}


.md-typeset a:hover {
  text-decoration: underline;
}

/* Footer */
.md-footer {
  background-color: #1a1a1a;
}

[data-md-color-scheme="default"] .md-footer {
  background-color: #f5f5f5;
}

.md-footer__link {
  color: #e8e6e3;
}

[data-md-color-scheme="default"] .md-footer__link {
  color: #1e1e1e;
}

/* Tabs */
.md-tabs {
  background-color: #2d2d2d;
}

[data-md-color-scheme="default"] .md-tabs {
  background-color: #ffffff;
}

.md-tabs__link {
  color: #e8e6e3;
  opacity: 1;
}

[data-md-color-scheme="default"] .md-tabs__link {
  color: #1e1e1e;
}

.md-tabs__link--active {
  color: #ff7800;
}

.md-tabs__item--active {
  background-color: #ff7800;
  color: #1e1e1e;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #1e1e1e;
}

[data-md-color-scheme="default"] ::-webkit-scrollbar-track {
  background: #e8e6e3;
}

::-webkit-scrollbar-thumb {
  background: #a09080;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #00d296;
}