/* ==========================================================
   Sistemo docs — soft blue-gray dark theme matching sistemo.io

   Dark palette (tangled.org-inspired):
     main bg:     #1a1f2e
     alt bg:      #1e2433
     card/surface:#222838
     code bg:     #161b28
     border:      #2d3548
     text:        #d1d5db
     text muted:  #8a93a6
     text dim:    #5f6b7a
     accent:      #38bdf8 (sky-400)
     green:       #34d399 (emerald-400)
   ========================================================== */


/* ===================== DARK MODE ===================== */
[data-md-color-scheme="slate"] {
  /* Page */
  --md-default-bg-color:           #1a1f2e;
  --md-default-bg-color--light:    #222838;
  --md-default-bg-color--lighter:  #2a3040;

  /* Text */
  --md-default-fg-color:           #d1d5db;
  --md-default-fg-color--light:    #b0b8c8;
  --md-default-fg-color--lighter:  #8a93a6;
  --md-default-fg-color--lightest: #5f6b7a;

  /* Header */
  --md-primary-fg-color:           #1a1f2e;
  --md-primary-fg-color--light:    #222838;
  --md-primary-fg-color--dark:     #141825;

  /* Accent / links */
  --md-accent-fg-color:            #38bdf8;
  --md-accent-fg-color--transparent: rgba(56, 189, 248, 0.1);
  --md-typeset-a-color:            #38bdf8;

  /* Code */
  --md-code-bg-color:              #161b28;
  --md-code-fg-color:              #d1d5db;
  --md-code-hl-color:              rgba(56, 189, 248, 0.1);

  /* Footer */
  --md-footer-bg-color:            #161b28;
  --md-footer-bg-color--dark:      #111620;
  --md-footer-fg-color:            #8a93a6;
  --md-footer-fg-color--light:     #b0b8c8;
  --md-footer-fg-color--lighter:   #5f6b7a;

  --md-typeset-table-color: rgba(45, 53, 72, 0.12);
}


/* ===================== LIGHT MODE ===================== */
:root,
[data-md-color-scheme="default"] {
  --md-default-bg-color:           #f8fafc;
  --md-default-bg-color--light:    #f1f5f9;
  --md-default-bg-color--lighter:  #e2e8f0;

  --md-default-fg-color:           #0f172a;
  --md-default-fg-color--light:    #475569;
  --md-default-fg-color--lighter:  #64748b;
  --md-default-fg-color--lightest: #94a3b8;

  --md-primary-fg-color:           #0f172a;
  --md-primary-fg-color--light:    #1e293b;
  --md-primary-fg-color--dark:     #020617;

  --md-accent-fg-color:            #0ea5e9;
  --md-accent-fg-color--transparent: rgba(14, 165, 233, 0.1);
  --md-typeset-a-color:            #0ea5e9;

  --md-code-bg-color:              #f1f5f9;
  --md-code-fg-color:              #0f172a;

  --md-typeset-table-color: rgba(39, 39, 42, 0.05);
}


/* ===================== CUSTOM HEADER ===================== */
.si-sun, .si-moon { display: none; }
.md-header[data-md-state="shadow"] { box-shadow: none !important; }


/* ===================== SIDEBAR ===================== */

/* Hide default MkDocs logo icon + GitHub source */
.md-header__button.md-logo,
a.md-header__button.md-logo,
.md-nav__button.md-logo,
.md-nav__source { display: none !important; }

/* Sidebar container border */
[data-md-color-scheme="slate"] .md-sidebar--primary { border-right: 1px solid #2d3548; }
[data-md-color-scheme="default"] .md-sidebar--primary { border-right: 1px solid #e4e4e7; }

/* Section titles */
.md-nav--primary > .md-nav__list > .md-nav__item--section > .md-nav__link,
.md-nav--primary > .md-nav__list > .md-nav__item--section > label.md-nav__link {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
[data-md-color-scheme="slate"] .md-nav--primary > .md-nav__list > .md-nav__item--section > .md-nav__link,
[data-md-color-scheme="slate"] .md-nav--primary > .md-nav__list > .md-nav__item--section > label.md-nav__link {
  color: #8a93a6;
}

/* Sidebar links */
.md-nav__link {
  font-size: 0.875rem;
  transition: color 0.15s ease;
}
[data-md-color-scheme="slate"] .md-nav__link { color: #8a93a6; }
[data-md-color-scheme="slate"] .md-nav__link:hover,
[data-md-color-scheme="slate"] .md-nav__link--active { color: #ffffff; }

/* "Sistemo" sidebar title */
.md-nav--primary > .md-nav__title {
  font-size: 1rem;
  font-weight: 600;
}


/* ===================== CODE BLOCKS ===================== */

.md-typeset pre {
  border-radius: 0.75rem;
  overflow: hidden;
}
[data-md-color-scheme="slate"] .md-typeset pre { border: 1px solid #2d3548; }
[data-md-color-scheme="default"] .md-typeset pre { border: 1px solid #e4e4e7; }

.md-typeset pre > code { border-radius: 0.75rem; }

/* Shell syntax — emerald text */
[data-md-color-scheme="slate"] .highlight .c,
[data-md-color-scheme="slate"] .highlight .c1,
[data-md-color-scheme="slate"] .highlight .ch,
[data-md-color-scheme="slate"] .highlight .cm,
[data-md-color-scheme="slate"] .highlight .go,
[data-md-color-scheme="slate"] .highlight .gp { color: #5f6b7a; }

[data-md-color-scheme="slate"] .highlight .nb,
[data-md-color-scheme="slate"] .highlight .nf { color: #34d399; }

[data-md-color-scheme="slate"] .highlight .nv,
[data-md-color-scheme="slate"] .highlight .o { color: #38bdf8; }

[data-md-color-scheme="slate"] .highlight .s1,
[data-md-color-scheme="slate"] .highlight .s2,
[data-md-color-scheme="slate"] .highlight .se { color: #34d399; }

/* Inline code */
.md-typeset :not(pre) > code {
  border-radius: 4px;
  border: none;
  font-size: 0.8125em;
  padding: 0.125rem 0.375rem;
}
[data-md-color-scheme="slate"] .md-typeset :not(pre) > code {
  background: #222838;  color: #d1d5db;
}
[data-md-color-scheme="default"] .md-typeset :not(pre) > code {
  background: #e2e8f0;  color: #0f172a;
}

/* Copy button */
.md-clipboard { color: #5f6b7a; }
.md-clipboard:hover { color: #8a93a6; }


/* ===================== TABLES ===================== */

[data-md-color-scheme="slate"] .md-typeset table:not([class]) {
  border: 1px solid #2d3548;
  border-radius: 0.75rem;
  overflow: hidden;
}
[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background: #1e2433;
  border-color: #2d3548;
  font-weight: 500;
  font-size: 0.875rem;
}
[data-md-color-scheme="slate"] .md-typeset table:not([class]) td {
  border-color: #2d3548;
  font-size: 0.875rem;
}


/* ===================== ADMONITIONS ===================== */

[data-md-color-scheme="slate"] .md-typeset .admonition,
[data-md-color-scheme="slate"] .md-typeset details {
  border-color: #2d3548;
  background: #222838;
  border-radius: 0.75rem;
  overflow: hidden;
}
[data-md-color-scheme="slate"] .md-typeset .admonition .admonition-title,
[data-md-color-scheme="slate"] .md-typeset details summary {
  background: #2a3040;
  border-color: #2d3548;
}

/* Info admonition — sky accent */
[data-md-color-scheme="slate"] .md-typeset .admonition.info,
[data-md-color-scheme="slate"] .md-typeset .admonition.note {
  border-left: 3px solid #38bdf8;
}

/* Warning — amber accent */
[data-md-color-scheme="slate"] .md-typeset .admonition.warning {
  border-left: 3px solid #f59e0b;
}

/* Tip — emerald accent */
[data-md-color-scheme="slate"] .md-typeset .admonition.tip {
  border-left: 3px solid #34d399;
}


/* ===================== CONTENT TABS ===================== */

[data-md-color-scheme="slate"] .md-typeset .tabbed-labels > label {
  color: #8a93a6;
  border-color: transparent;
}
[data-md-color-scheme="slate"] .md-typeset .tabbed-labels > label:hover { color: #ffffff; }
[data-md-color-scheme="slate"] .md-typeset input:checked + label {
  color: #38bdf8;
  border-color: #38bdf8;
}


/* ===================== TOC (right sidebar) ===================== */

[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__link { color: #5f6b7a; }
[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__link:hover,
[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__link--active { color: #b0b8c8; }


/* ===================== SEARCH ===================== */

[data-md-color-scheme="slate"] .md-search__form {
  background: #222838;
  border: 1px solid #2d3548;
}
[data-md-color-scheme="slate"] .md-search__input { color: #d1d5db; }
[data-md-color-scheme="slate"] .md-search__input::placeholder { color: #5f6b7a; }
[data-md-color-scheme="slate"] .md-search-result { background: #1a1f2e; }
[data-md-color-scheme="slate"] .md-search-result__item { border-color: #2d3548; }
[data-md-color-scheme="slate"] .md-search-result mark { background: rgba(56, 189, 248, 0.25); }


/* ===================== FOOTER ===================== */
.md-footer { display: none !important; }


/* ===================== TYPOGRAPHY ===================== */

.md-typeset {
  font-size: 0.9375rem;
  line-height: 1.7;
}
.md-typeset h1 { font-weight: 700; letter-spacing: -0.025em; }
.md-typeset h2 { font-weight: 600; letter-spacing: -0.015em; }


/* ===================== LAYOUT ===================== */

.md-grid { max-width: 72rem; }
html { scroll-behavior: smooth; }
::selection { background: rgba(56, 189, 248, 0.25); }
.md-header[data-md-state="shadow"] { box-shadow: none; }