/* Google Fonts — match landing site */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=Plus+Jakarta+Sans:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');

/* ── DAP colour tokens mapped to Material CSS vars ── */
:root {
  /* Primary — navy-900 */
  --md-primary-fg-color: #0f172a;
  --md-primary-fg-color--light: #1e293b;
  --md-primary-fg-color--dark: #020617;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #f8fafc;

  /* Accent — sky-500 */
  --md-accent-fg-color: #0ea5e9;
  --md-accent-fg-color--transparent: rgba(14, 165, 233, 0.1);
  --md-accent-bg-color: #ffffff;

  /* Typography */
  --md-text-font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --md-code-font: "JetBrains Mono", "Fira Code", monospace;

  /* Admonition accents */
  --md-admonition-fg-color: #334155;
}

/* Headings use Plus Jakarta Sans */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-family: "Plus Jakarta Sans", var(--md-text-font);
  font-weight: 700;
  color: #0f172a;
}

.md-typeset h1 { font-weight: 800; }

/* Links — sky-500 with darker hover */
.md-typeset a {
  color: #0ea5e9;
}
.md-typeset a:hover {
  color: #0284c7;
}

/* Header bar */
.md-header {
  background-color: #0f172a;
}

/* Search bar styling */
.md-search__input {
  background-color: #1e293b;
}
.md-search__input::placeholder {
  color: #94a3b8;
}

/* Navigation sidebar */
.md-nav__link--active,
.md-nav__link:hover {
  color: #0ea5e9;
}

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

/* Code blocks */
.md-typeset code {
  background-color: #f1f5f9;
  color: #0f172a;
  border-radius: 4px;
}
.md-typeset pre > code {
  background-color: #1e293b;
  color: #e2e8f0;
}

/* Admonition boxes — teal tint for tips/info */
.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: #0ea5e9;
}
.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: rgba(14, 165, 233, 0.1);
}

/* Smooth body text */
.md-typeset {
  font-size: 0.925rem;
  line-height: 1.7;
  color: #334155;
}