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

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

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

/* ── Light mode ───────────────────────────────────────────────────── */
@media (prefers-color-scheme: light) {
  :root {
    --color-bg:    #ffffff;
    --color-text:  #1a1a2e;
    --sidebar-bg:            #f8f8fa;
    --sidebar-border-color:  #e2e2e6;
    --sidebar-name-color:    #cc3333;
    --sidebar-link-color:    #3a3a50;
    --sidebar-toggle-bg:     #cc33331a;
    --border-color:          #e2e2e6;
    --link-color:            #cc3333;
    --link-underline-color:  #cc333366;
    --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:    #e08484;
    --sidebar-link-color:    #a0a0b8;
    --sidebar-toggle-bg:     #e084841f;
    --border-color:          #2a2a3a;
    --link-color:            #e08484;
    --link-underline-color:  #e0848459;
    --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: #cc333325; }

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