/* 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: #b81c1c;

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

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

/* ── Light mode ───────────────────────────────────────────────────── */
@media (prefers-color-scheme: light) {
  :root {
    --color-bg:    #ffffff;
    --color-text:  #1a1a2e;
    --sidebar-bg:            #f8f8fa;
    --sidebar-border-color:  #e2e2e6;
    --sidebar-name-color:    #b81c1c;
    --sidebar-link-color:    #3a3a50;
    --sidebar-toggle-bg:     #b81c1c1a;
    --border-color:          #e2e2e6;
    --link-color:            #b81c1c;
    --link-underline-color:  #b81c1c66;
    --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:    #d47676;
    --sidebar-link-color:    #a0a0b8;
    --sidebar-toggle-bg:     #d476761f;
    --border-color:          #2a2a3a;
    --link-color:            #d47676;
    --link-underline-color:  #d4767659;
    --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: #b81c1c25; }

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

/* ── Subtitle display ───────────────────────────────────────────── */
.subtitles-display {
  margin-top: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.72);
  color: #fff;
  border-radius: 6px;
  font-size: 0.95rem;
  line-height: 1.6;
  text-align: center;
  min-height: 3.2em;
}

@media (prefers-color-scheme: light) {
  .subtitles-display {
    background: rgba(0, 0, 0, 0.08);
    color: #222;
  }
}
.markdown-section pre.shiki code {
  background: transparent;
}