/* JuhRadial MX docs brand: obsidian background with mint/cyan accents (PHOSPHOR) */

:root {
  --md-primary-fg-color: #0d9488;
  --md-primary-fg-color--light: #14b8a6;
  --md-primary-fg-color--dark: #0f766e;
  --md-accent-fg-color: #0891b2;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #05070c;
  --md-default-fg-color: #e7edf3;
  --md-default-fg-color--light: #b6c2cf;
  --md-default-fg-color--lighter: #8896a6;

  /* dark header instead of a loud accent bar */
  --md-primary-fg-color: #0b1220;
  --md-primary-bg-color: #eafff9;

  /* mint accent + links */
  --md-accent-fg-color: #4fefc9;
  --md-typeset-a-color: #4fefc9;

  --md-code-bg-color: #0a0f1a;
  --md-code-fg-color: #d6e1ec;
}

/* mint hairline under the dark header */
[data-md-color-scheme="slate"] .md-header {
  background: linear-gradient(180deg, #0b1220 0%, #070b12 100%);
  border-bottom: 1px solid rgba(79, 239, 201, 0.18);
}

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

/* brighter headings on the dark theme */
[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2 {
  color: #f0f6fc;
  letter-spacing: -0.01em;
}

/* primary buttons read as mint chips */
[data-md-color-scheme="slate"] .md-typeset .md-button--primary {
  background-color: var(--md-accent-fg-color);
  border-color: var(--md-accent-fg-color);
  color: #04060a;
}

/* tighten the inline code-pill look used in the value strip */
.md-typeset code {
  border-radius: 4px;
}