/* theme.css — generated by docsh
 *
 * Light and dark modes via prefers-color-scheme.
 * Only the accent colour (--theme-color) uses the project theme;
 * all other colours are neutral greys.
 */

/* ── Core variables ───────────────────────────────────────────────── */
:root {
  --theme-color: #ff5555;

  --sidebar-width: 268px;
  --border-radius: 4px;

  --blockquote-border-color: #ff5555;
  --link-color-hover:           #ff5555;
  --link-underline-color-hover: #ff5555;
}

/* ── Light mode ───────────────────────────────────────────────────── */
@media (prefers-color-scheme: light) {
  :root {
    --color-bg:    #ffffff;
    --color-text:  #1a1a2e;
    --sidebar-bg:            #f8f8fa;
    --sidebar-border-color:  #e2e2e6;
    --sidebar-name-color:    #ff5555;
    --sidebar-link-color:    #3a3a50;
    --sidebar-toggle-bg:     #ff55551a;
    --border-color:          #e2e2e6;
    --link-color:            #ff5555;
    --link-underline-color:  #ff555566;
    --blockquote-color:      #666680;
    --table-row-alt-bg:      #f5f5f8;
    --strong-color:          #0f0f20;
  }
}

/* ── Dark mode ────────────────────────────────────────────────────── */
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg:   #12121a;
    --color-text: #d0d0e0;
    --sidebar-bg:            #0c0c12;
    --sidebar-border-color:  #2a2a3a;
    --sidebar-name-color:    #ff9999;
    --sidebar-link-color:    #a0a0b8;
    --sidebar-toggle-bg:     #ff99991f;
    --border-color:          #2a2a3a;
    --link-color:            #ff9999;
    --link-underline-color:  #ff999959;
    --blockquote-color:       #808098;
    --table-row-alt-bg:      #1a1a26;
    --strong-color:          #e0e0f0;
  }
}

/* ── Components ───────────────────────────────────────────────────── */
html {
  background-color: var(--color-bg);
}

.sidebar .app-name {
  border-left: 3px solid var(--theme-color);
  padding-left: 14px;
  padding-block: .35em;
  margin-inline: 0;
  margin-block: 1.2rem;
  text-align: left;
}

.markdown-section h2 { border-bottom-color: #ff555525; }

/* ── Shiki layout (colours are inline) ───────────────────────────── */
.markdown-section pre.shiki {
  padding: 1rem;
  overflow: auto;
  border-radius: 6px;
}
.markdown-section pre.shiki code {
  background: transparent;
}