/* WhookTown custom theme - matches logo colors */

:root {
  /* Primary colors from logo */
  --md-primary-fg-color: #1a1a1a;
  --md-primary-fg-color--light: #2d2d2d;
  --md-primary-fg-color--dark: #0d0d0d;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #fcfffe;

  /* Accent - orange from logo */
  --md-accent-fg-color: #ff5000;
  --md-accent-fg-color--transparent: rgba(255, 80, 0, 0.1);
  --md-accent-bg-color: #ff5000;
  --md-accent-bg-color--light: #f6b87d;
}

/* Dark mode adjustments */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #1a1a1a;
  --md-primary-fg-color--light: #2d2d2d;
  --md-primary-fg-color--dark: #0d0d0d;

  /* Header background - dark like the logo */
  --md-default-bg-color: #1a1a1a;
  --md-default-bg-color--light: #242424;
  --md-default-bg-color--lighter: #2d2d2d;
  --md-default-bg-color--lightest: #363636;

  /* Text colors */
  --md-default-fg-color: rgba(255, 255, 255, 0.87);
  --md-default-fg-color--light: rgba(255, 255, 255, 0.54);
  --md-default-fg-color--lighter: rgba(255, 255, 255, 0.32);
  --md-default-fg-color--lightest: rgba(255, 255, 255, 0.12);

  /* Links and accents - orange */
  --md-typeset-a-color: #ff5000;
  --md-accent-fg-color: #ff5000;
}

/* Header styling */
.md-header {
  background-color: #1a1a1a;
}

/* Header title */
.md-header__title {
  color: #fcfffe;
}

/* Navigation tabs */
.md-tabs {
  background-color: #1a1a1a;
}

.md-tabs__link {
  color: rgba(255, 255, 255, 0.7);
}

.md-tabs__link:hover,
.md-tabs__link--active {
  color: #ff5000;
}

/* Search bar */
.md-search__input {
  background-color: #2d2d2d;
}

/* Code blocks */
.highlight code,
.highlighttable code {
  background-color: #2d2d2d;
}

/* Admonitions - tip uses orange */
.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: #ff5000;
}

.md-typeset .admonition.tip > .admonition-title,
.md-typeset details.tip > summary {
  background-color: rgba(255, 80, 0, 0.1);
}

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

/* Buttons and interactive elements */
.md-typeset .md-button--primary {
  background-color: #ff5000;
  border-color: #ff5000;
}

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

/* Navigation sidebar active item */
.md-nav__link--active {
  color: #ff5000;
}

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

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

/* Scrollbar */
::-webkit-scrollbar-thumb {
  background-color: #4a2800;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #6b3d00;
}