/* selfhostd — very warm charcoal + deeper red/orange accents */

:root {
  /* Much warmer charcoal backgrounds - nearly black with red undertones */
  --sh-charcoal-0: #0f0d0c;   /* base darkest */
  --sh-charcoal-1: #181312;   /* slightly lighter for surfaces */
  --sh-charcoal-2: #1f1a1a;   /* for card backgrounds */

  /* Accent (rich deep orange-red) */
  --sh-accent: #FF8A65;     /* main - deep burnt orange */
  --sh-accent-2: #ff6b4a;   /* hover/glow - vivid ember */
  --sh-text: #f2f1f0;       /* soft off-white for warmth */
}

/* Apply to Material (especially dark scheme) */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: var(--sh-charcoal-0);
  --md-footer-bg-color: var(--sh-charcoal-0);
  --md-footer-bg-color--dark: #07090c;

  --md-default-fg-color: var(--sh-text);
  --md-default-fg-color--light: rgba(231, 233, 238, 0.75);
  --md-default-fg-color--lighter: rgba(231, 233, 238, 0.55);

  --md-primary-fg-color: #180a0a; /* top bar */
  --md-primary-bg-color: var(--sh-text);

  --md-accent-fg-color: var(--sh-accent);
  --md-typeset-a-color: var(--sh-accent);
}

/* Links */
.md-typeset a:hover {
  color: var(--sh-accent-2);
}

/* Header logo sizing */
.md-header__button.md-logo img {
  height: 32px;
  width: 32px;
}

/*navigation links lowercase for a more casual vibe */
.md-nav__link {
    text-transform: lowercase;
}

/* Header and footer styling to match warm charcoal palette */
.md-header {
  background-color: var(--sh-charcoal-1) !important;
}
.md-header, .md-header__link {
  color: var(--sh-text) !important;
}
/* footer is actually split into two wrappers, so override both under the slate theme */
[data-md-color-scheme="slate"] .md-footer,
[data-md-color-scheme="slate"] .md-footer-meta {
  background-color: var(--sh-charcoal-1) !important;
  color: var(--sh-text) !important;
}
[data-md-color-scheme="slate"] .md-footer .md-footer__link,
[data-md-color-scheme="slate"] .md-footer-meta a {
  color: var(--sh-text) !important;
}

/* Cards / content panels vibe */
.md-content__inner {
  padding-bottom: 2rem;
}

/* Code blocks */
.md-typeset code {
  border-radius: 0.35rem;
}
.md-typeset pre > code {
  border-radius: 0.7rem;
  box-shadow: 0 8px 24px rgba(0,0,0,0.35);
}

/* Admonitions (note/warn boxes) accent */
.md-typeset .admonition,
.md-typeset details {
  border-radius: 0.8rem;
}

.md-typeset .admonition-title,
.md-typeset summary {
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}

/* Slight accent line in the left nav active item */
.md-nav__link--active {
  color: var(--sh-accent) !important;
}
.md-nav__item .md-nav__link--active:before {
  background-color: var(--sh-accent) !important;
}