/* Yakisova brand palette (from the server's own config.yml theme) */
:root {
    --ys-primary: #ad8ae6;
    --ys-accent: #9b59ff;
    --ys-accent-soft: rgba(155, 89, 255, 0.14);
    --ys-accent-soft-strong: rgba(155, 89, 255, 0.24);
    --ys-card-radius: 12px;
}

/* Retint mdBook's Ayu theme accents (default amber) to the brand purple */
html.ayu {
    --links: var(--ys-accent);
    --sidebar-active: var(--ys-accent);
    --inline-code-color: var(--ys-accent);
    --icons-hover: var(--ys-primary);
    --search-mark-bg: var(--ys-accent);
    --quote-border: var(--ys-accent);
}

/* ---------- Page chrome, GitBook-style ---------- */

.content h1 {
    border-bottom: 2px solid var(--ys-accent);
    padding-bottom: 0.35em;
    letter-spacing: -0.01em;
}

.content h2 {
    margin-top: 2.2em;
    padding-bottom: 0.2em;
    border-bottom: 1px solid var(--ys-accent-soft-strong);
}

.content a {
    color: var(--ys-primary);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.15s ease, color 0.15s ease;
}

.content a:hover {
    color: var(--ys-accent);
    border-bottom-color: var(--ys-accent);
}

/* Inline `/command` code reads like a GitBook API chip */
.content :not(pre) > code {
    background: var(--ys-accent-soft);
    color: var(--ys-accent);
    border: 1px solid var(--ys-accent-soft-strong);
    border-radius: 6px;
    padding: 0.15em 0.5em;
    font-weight: 600;
}

/* Fenced code blocks - rounded card instead of a flat strip */
pre {
    border-radius: var(--ys-card-radius);
    border: 1px solid var(--ys-accent-soft-strong);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}

.content blockquote {
    border-left: 4px solid var(--ys-accent);
    background: var(--ys-accent-soft);
    border-radius: 0 var(--ys-card-radius) var(--ys-card-radius) 0;
    padding: 0.8em 1.1em;
}

/* Tables get GitBook's crisp bordered-card look */
table {
    border-radius: var(--ys-card-radius);
    overflow: hidden;
    border: 1px solid var(--ys-accent-soft-strong);
}

thead {
    background: var(--ys-accent-soft);
}

/* ---------- Feature landing page card grid ---------- */

.feature-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
    margin: 1.5rem 0;
}

.feature-card {
    border: 1px solid var(--ys-accent-soft-strong);
    border-radius: var(--ys-card-radius);
    padding: 1.1rem 1.3rem;
    background: var(--theme-hover, rgba(127, 127, 127, 0.06));
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
    transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.feature-card:hover {
    border-color: var(--ys-accent);
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(155, 89, 255, 0.2);
}

.feature-card h3 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    color: var(--ys-primary);
}

.feature-card ul {
    margin: 0;
    padding-left: 1.1em;
}

.feature-card li {
    margin: 0.2em 0;
}

.feature-card a {
    color: inherit;
}

.feature-card a:hover {
    color: var(--ys-accent);
}

/* ---------- Sidebar, GitBook-style grouped nav ---------- */

/* Section titles (mdBook "parts") read like GitBook group headers */
.chapter-item.part-title,
.sidebar .part-title {
    text-transform: uppercase;
    font-size: 0.75em;
    letter-spacing: 0.08em;
    color: var(--ys-primary);
    opacity: 0.75;
    margin-top: 1.4em;
    font-weight: 700;
}

/* Active chapter gets a filled pill instead of a bare color change */
.chapter-item a.active {
    background: var(--ys-accent-soft-strong);
    color: var(--ys-accent) !important;
    border-radius: 8px;
    font-weight: 600;
}

.sidebar .chapter-item a {
    border-radius: 8px;
    transition: background 0.12s ease;
}

.sidebar .chapter-item a:hover {
    background: var(--ys-accent-soft);
}

/* Lock the theme picker to Ayu only */
.theme-popup button:not(#ayu) {
    display: none !important;
}

/* Remove previous/next chapter navigation (bottom buttons + side arrows) */
nav.nav-wrapper,
.nav-chapters,
.mobile-nav-chapters {
    display: none !important;
}