/* Simple Launcher documentation — modern dark theme (GitHub-style palette with
   the app's deep-blue accent). Loaded after the docsify base theme; dark is the
   default and `body.sl-light` switches every color through the variables below. */

:root {
    --sl-bg: #0d1117;
    --sl-bg-elev: #161b22;
    --sl-text: #e6edf3;
    --sl-heading: #f0f6fc;
    --sl-muted: #8b949e;
    --sl-accent: #58a6ff;
    --sl-border: #30363d;
    --sl-shadow: 0 2px 10px rgba(0, 0, 0, .5);
}

body.sl-light {
    --sl-bg: #ffffff;
    --sl-bg-elev: #f6f8fa;
    --sl-text: #1f2328;
    --sl-heading: #1f2328;
    --sl-muted: #656d76;
    --sl-accent: #0969da;
    --sl-border: #d0d7de;
    --sl-shadow: 0 2px 10px rgba(31, 35, 40, .12);
}

body {
    background-color: var(--sl-bg);
    color: var(--sl-text);
    transition: background-color .2s ease, color .2s ease;
}

/* --- Sidebar --- */

.sidebar {
    background-color: var(--sl-bg);
    border-right: 1px solid var(--sl-border);
    color: var(--sl-text);
}

.sidebar > h1,
.sidebar > h1 a { color: var(--sl-heading); }

/* Section labels in docs/_sidebar.md (`- **Getting started**`): render them as
   quiet group headings shared by the Pages and wiki menus. */
.sidebar ul li > strong {
    display: block;
    margin: .9rem 0 .35rem;
    color: var(--sl-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.sidebar ul li a { color: var(--sl-text); }

.sidebar ul li a:hover { color: var(--sl-heading); }

.sidebar ul li.active > a { color: var(--sl-accent); }

.sidebar-toggle { background-color: transparent; }

.sidebar-toggle span { background-color: var(--sl-accent); }

/* --- Search --- */

input[type=search] {
    background: var(--sl-bg-elev);
    border-color: var(--sl-border);
    color: var(--sl-text);
}

input[type=search]::placeholder { color: var(--sl-muted); }

.search .search-keyword,
.search a:hover { color: var(--sl-accent); }

/* --- Content --- */

.markdown-section h1,
.markdown-section h2,
.markdown-section h3,
.markdown-section h4,
.markdown-section h5,
.markdown-section h6,
.markdown-section strong { color: var(--sl-heading); }

.markdown-section a,
.markdown-section a:visited { color: var(--sl-accent); }

.markdown-section hr { border-bottom: 1px solid var(--sl-border); }

.markdown-section blockquote {
    border-left-color: var(--sl-accent);
    color: var(--sl-muted);
}

.markdown-section code {
    background-color: var(--sl-bg-elev);
    color: var(--sl-text);
}

.markdown-section p.tip {
    background-color: var(--sl-bg-elev);
    color: var(--sl-text);
}

.markdown-section p.tip code { background-color: var(--sl-bg); }

.markdown-section pre { background-color: var(--sl-bg-elev); }

.markdown-section pre > code {
    background-color: var(--sl-bg-elev);
    color: var(--sl-text);
}

.markdown-section th,
.markdown-section td { border-color: var(--sl-border); }

.markdown-section th { background-color: var(--sl-bg-elev); }

.markdown-section tr { border-top-color: var(--sl-border); }

.markdown-section tr:nth-child(2n) { background-color: var(--sl-bg-elev); }

/* --- Page chrome --- */

.progress { background-color: var(--sl-accent); }

.app-nav a.active,
.app-nav a:hover { color: var(--sl-accent); }

.github-corner svg {
    color: var(--sl-bg);
    fill: var(--sl-accent);
}

/* --- Theme toggle --- */

#theme-toggle {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid var(--sl-border);
    background: var(--sl-bg-elev);
    color: var(--sl-text);
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    box-shadow: var(--sl-shadow);
    transition: transform .15s ease, border-color .15s ease;
}

#theme-toggle:hover {
    transform: scale(1.08);
    border-color: var(--sl-accent);
}