/* Shared base theme — keep identical across SandustryModTemplate and SandustryTypes. */
/* Colors from SandustryModTemplate docs (dark charcoal + gold). */
:root {
  --smt-wiki-gold: #c99400;
  --smt-wiki-gold-bright: #ffb800;
  --smt-wiki-link: #ff9900;

  --color-bg: #121212;
  --sidebar-bg: #1c1c1c;
  --color-text: #dddddd;
  --heading-color: #f0f0f0;
  --strong-color: #f0f0f0;
  --border-color: #2a2a2a;
  --theme-color: var(--smt-wiki-gold-bright);
  --link-color: var(--smt-wiki-link);
  --link-color-hover: var(--smt-wiki-gold-bright);
  --link-underline-thickness: 0;
  --link-underline-thickness-hover: 0;
  --sidebar-border-color: #2a2a2a;
  --sidebar-link-color: #dddddd;
  /* Active link text — not theme yellow (yellow is for non-clickable headers). */
  --sidebar-link-color-active: #f0f0f0;
  --sidebar-name-color: #f0f0f0;
  --sidebar-group-title-color: var(--theme-color);
  --sidebar-toggle-bg: #202020;
  --sidebar-toggle-color: #dddddd;
  --code-bg: #202020;
  --codeblock-bg: #1a1a1a;
  --form-element-bg: #202020;
  --form-element-border-color: #2a2a2a;
  --blockquote-bg: #1a1a1a;
  --blockquote-border-color: var(--theme-color);
  --blockquote-color: #dddddd;
  --callout-bg: #1a1a1a;
  --table-header-bg: #202020;
  --table-row-alt-bg: #181818;
  --mark-bg: var(--smt-wiki-gold);
  --mark-color: #121212;
  --button-bg: var(--smt-wiki-gold-bright);
  --button-color: #121212;
  --font-size: 15px;
  --content-max-width: 80rem;
  color-scheme: dark;
  scrollbar-width: thin;
  scrollbar-color: #3a3a3a #1a1a1a;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #1a1a1a;
}

::-webkit-scrollbar-thumb {
  background: #3a3a3a;
  border-radius: 4px;
  border: 2px solid #1a1a1a;
}

::-webkit-scrollbar-thumb:hover {
  background: #4a4a4a;
}

::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

html {
  scroll-padding-top: 1rem;
  scrollbar-gutter: stable;
}

.markdown-section .callout.warning {
  --callout-bg: #1a1a1a;
  --callout-border-color: var(--smt-wiki-gold);
  --callout-color: #dddddd;
  --callout-charm-bg: var(--smt-wiki-gold-bright) center no-repeat
    url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="%23121212" viewBox="0 0 16 16"><path d="M10 14c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2M10 1.6c0-.4-.2-.7-.4-.9C9.2.3 8.6 0 8 0S6.8.2 6.5.6c-.3.3-.5.6-.5 1v.3l.8 7.7c.1.3.2.5.4.6.2.2.5.3.8.3s.6-.1.8-.2c.2-.2.3-.4.4-.7l.8-7.7z"/></svg>');
}

.markdown-section h1 {
  border-bottom: 1px solid color-mix(in srgb, var(--theme-color) 55%, var(--border-color));
  padding-bottom: 0.25em;
}

.markdown-section h2 {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 0.2em;
}

.markdown-section hr {
  border: none;
  border-top: 1px solid color-mix(in srgb, var(--theme-color) 55%, var(--border-color));
  background: transparent;
  height: 0;
}

.sidebar {
  border-right: 1px solid var(--border-color);
  scrollbar-gutter: stable;
}

.sidebar-nav li.active > a {
  border-left: 3px solid var(--theme-color);
  border-radius: 0;
  padding-left: 0.5em;
  margin-left: calc(-0.5em - 3px);
}

.markdown-section thead th,
.markdown-section thead td {
  background: var(--table-header-bg);
}

.markdown-section blockquote {
  background: var(--blockquote-bg);
}