/* ── SuiteMigration brand tokens → MkDocs Material overrides ──────────────
   Palette anchored on Tabler blue (matches the SM web app).
   primary  = #066fd1  (Tabler blue)
   primary-dark = #045fb5
   accent   = #4dabf7  (light hover / links)
   ink      = #0f172a  (slate-900, dark surfaces)
─────────────────────────────────────────────────────────────────────────── */

/* === Dark scheme (slate) ================================================ */
[data-md-color-scheme="slate"] {
  --md-default-bg-color:           #0f172a;
  --md-default-bg-color--light:    #1e293b;
  --md-default-bg-color--lighter:  #334155;
  --md-default-bg-color--lightest: #475569;

  --md-primary-fg-color:           #066fd1;
  --md-primary-fg-color--light:    #4dabf7;
  --md-primary-fg-color--dark:     #045fb5;
  --md-primary-bg-color:           #0b1220;
  --md-primary-bg-color--light:    #0f172a;

  --md-accent-fg-color:            #4dabf7;
  --md-accent-fg-color--transparent: rgba(77, 171, 247, 0.1);
  --md-accent-bg-color:            #0b1220;

  --md-typeset-color:              #cbd5e1;
  --md-typeset-a-color:            #4dabf7;

  --md-code-bg-color:              #0b1220;
  --md-code-fg-color:              #cbd5e1;
  --md-code-hl-color:              rgba(6, 111, 209, 0.15);

  --md-typeset-table-color:        rgba(77, 171, 247, 0.05);
  --md-typeset-table-color--light: rgba(77, 171, 247, 0.1);
}

/* === Light scheme (default) ============================================= */
[data-md-color-scheme="default"] {
  --md-default-bg-color:           #ffffff;
  --md-default-bg-color--light:    #f8fafc;
  --md-default-bg-color--lighter:  #eef2f7;
  --md-default-bg-color--lightest: #ffffff;

  --md-primary-fg-color:           #066fd1;
  --md-primary-fg-color--light:    #4dabf7;
  --md-primary-fg-color--dark:     #045fb5;
  --md-primary-bg-color:           #ffffff;
  --md-primary-bg-color--light:    #f8fafc;

  --md-accent-fg-color:            #066fd1;
  --md-accent-fg-color--transparent: rgba(6, 111, 209, 0.1);
  --md-accent-bg-color:            #ffffff;

  --md-typeset-color:              #0f172a;
  --md-typeset-a-color:            #066fd1;

  --md-code-bg-color:              #eef2f7;
  --md-code-fg-color:              #0f172a;
  --md-code-hl-color:              rgba(6, 111, 209, 0.08);

  --md-typeset-table-color:        rgba(15, 23, 42, 0.04);
  --md-typeset-table-color--light: rgba(15, 23, 42, 0.08);
}

/* === Typography ========================================================= */
:root {
  --md-text-font: "Inter";
  --md-code-font: "JetBrains Mono";
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
  letter-spacing: -0.015em;
  font-weight: 600;
}

/* Sub-headings auto-lettered as a., b., c. within each step */
.md-typeset h2 {
  counter-reset: subheading;
}

.md-typeset h3 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-top: 2rem;
}

.md-typeset h3::before {
  counter-increment: subheading;
  content: counter(subheading, lower-alpha) ". ";
  margin-right: 0.25rem;
}

/* === Nav active link ==================================================== */
.md-nav__link--active {
  font-weight: 600;
  color: var(--md-accent-fg-color) !important;
}

/* === Header ============================================================= */
[data-md-color-scheme="slate"] .md-header {
  background-color: #0b1220;
  border-bottom: 1px solid rgba(77, 171, 247, 0.15);
}

[data-md-color-scheme="default"] .md-header {
  background-color: #ffffff;
  color: #0f172a;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

[data-md-color-scheme="slate"] .md-header__button.md-logo img {
  content: url("logo-white.png");
}

/* === Footer ============================================================= */
[data-md-color-scheme="slate"] .md-footer {
  background-color: #0b1220;
  border-top: 1px solid rgba(77, 171, 247, 0.1);
}

[data-md-color-scheme="default"] .md-footer {
  background-color: #f8fafc;
  color: #0f172a;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
}

[data-md-color-scheme="default"] .md-footer__link,
[data-md-color-scheme="default"] .md-footer__title,
[data-md-color-scheme="default"] .md-footer-meta {
  color: #0f172a;
}

[data-md-color-scheme="default"] .md-footer-meta {
  background-color: #eef2f7;
}

/* === Code blocks ======================================================== */
.md-typeset pre {
  border-radius: 8px;
}

[data-md-color-scheme="slate"] .md-typeset code:not(pre code) {
  color: #4dabf7;
  background-color: rgba(77, 171, 247, 0.1);
  border-radius: 4px;
  padding: 0.1em 0.35em;
}

[data-md-color-scheme="default"] .md-typeset code:not(pre code) {
  color: #045fb5;
  background-color: rgba(6, 111, 209, 0.07);
  border-radius: 4px;
  padding: 0.1em 0.35em;
}

/* === Admonitions ======================================================== */
.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: #066fd1;
}
.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
  background-color: rgba(6, 111, 209, 0.1);
}
.md-typeset .note > .admonition-title::before,
.md-typeset .note > summary::before {
  background-color: #066fd1;
}

.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: #2fb344;
}
.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: rgba(47, 179, 68, 0.1);
}
.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before {
  background-color: #2fb344;
}

.md-typeset .admonition.warning,
.md-typeset details.warning {
  border-color: #f59f00;
}
.md-typeset .warning > .admonition-title,
.md-typeset .warning > summary {
  background-color: rgba(245, 159, 0, 0.1);
}
.md-typeset .warning > .admonition-title::before,
.md-typeset .warning > summary::before {
  background-color: #f59f00;
}