@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* ── Tokens ── */
:root,
[data-md-color-scheme="default"] {
  --md-text-font: "Inter", system-ui, -apple-system, sans-serif;
  --color-bg:          #ffffff;
  --color-surface:     #f9fafb;
  --color-border:      #e5e7eb;
  --color-text:        #1f2937;
  --color-text-muted:  #6b7280;
  --color-accent:      #238ffb;

  --md-default-bg-color:        var(--color-bg);
  --md-default-fg-color:        var(--color-text);
  --md-default-fg-color--light: var(--color-text-muted);
  --md-primary-fg-color:        var(--color-accent);
  --md-accent-fg-color:         var(--color-accent);
  --md-typeset-a-color:         var(--color-accent);
}

[data-md-color-scheme="slate"] {
  --color-bg:          #0f172a;
  --color-surface:     #1e293b;
  --color-border:      #334155;
  --color-text:        #f1f5f9;
  --color-text-muted:  #94a3b8;
  --color-accent:      #60a5fa;

  --md-default-bg-color:        var(--color-bg);
  --md-default-fg-color:        var(--color-text);
  --md-default-fg-color--light: var(--color-text-muted);
  --md-primary-fg-color:        var(--color-accent);
  --md-accent-fg-color:         var(--color-accent);
  --md-typeset-a-color:         var(--color-accent);
}

html, body { background-color: var(--color-bg); }

body, .md-typeset {
  font-family: var(--md-text-font);
  font-size: 16px;
  line-height: 1.65;
  color: var(--color-text);
  -webkit-font-smoothing: antialiased;
}

/* ── Header ── */
.md-header {
  background: var(--color-bg) !important;
  color: var(--color-text) !important;
  border-bottom: 1px solid var(--color-border) !important;
  box-shadow: none !important;
}

[data-md-color-scheme="default"] .md-header {
  --md-primary-bg-color: #1f2937;
}
[data-md-color-scheme="default"] .md-header__button:not(.md-logo):not(.md-source) {
  color: #1f2937 !important;
  opacity: 1 !important;
}
[data-md-color-scheme="default"] .md-header__button.md-logo img,
[data-md-color-scheme="default"] .md-header__button.md-logo svg {
  filter: none !important;
}
[data-md-color-scheme="slate"] .md-header__button.md-logo img,
[data-md-color-scheme="slate"] .md-header__button.md-logo svg {
  filter: brightness(0) invert(1) !important;
}

.md-header__title, .md-header__topic {
  color: var(--color-accent) !important;
  font-weight: 600;
}

/* ── Content — centered, single page ── */
.md-content__inner {
  max-width: 800px;
  margin: 3rem auto;
  padding: 0 1.5rem;
}

/* ── Admonition info ── */
.md-typeset .admonition.info,
.md-typeset details.info {
  border-color: var(--color-accent);
}
.md-typeset .admonition.info > .admonition-title,
.md-typeset details.info > summary {
  background-color: color-mix(in srgb, var(--color-accent) 10%, transparent);
}

/* ── Table ── */
.md-typeset table:not([class]) {
  border: 1px solid var(--color-border);
  border-radius: 6px;
  overflow: hidden;
}
.md-typeset table:not([class]) th {
  background: var(--color-surface);
  color: var(--color-text);
}
.md-typeset table:not([class]) td,
.md-typeset table:not([class]) th {
  border-color: var(--color-border);
}