/* Gero Brand Colors */
:root {
  --md-primary-fg-color: #f72585;
  --md-primary-fg-color--light: #f75da8;
  --md-primary-fg-color--dark: #c51e6b;
  --md-accent-fg-color: #f59e0b;
  --md-accent-fg-color--transparent: rgba(245, 158, 11, 0.1);
}

/* Dark theme overrides */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0a0a1a;
  --md-default-bg-color--light: #141428;
  --md-default-bg-color--lighter: #1e1e3a;
  --md-default-fg-color: #ffffff;
  --md-default-fg-color--light: #a1a1c9;
  --md-default-fg-color--lighter: #6b6b99;
  --md-typeset-color: #ffffff;
}

/* Header */
.md-header {
  background-color: #0a0a1a !important;
}

/* Tabs */
.md-tabs {
  background-color: #0a0a1a !important;
}

/* Navigation sidebar */
.md-sidebar {
  background-color: #0a0a1a;
}

/* Code blocks */
.md-typeset code {
  background-color: #141428;
}

/* Admonitions */
.md-typeset .admonition,
.md-typeset details {
  border-color: #f72585;
}

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

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

/* Footer */
.md-footer {
  background-color: #0a0a1a;
}

/* Search */
.md-search__input {
  background-color: #141428;
}

/* Tables */
.md-typeset table:not([class]) th {
  background-color: #141428;
}