:root {
    --color-accent: #FF66A3; 
    --color-accent-dark: #E04887;
    
    --font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    --font-family-mono: 'Fira Code', 'JetBrains Mono', Menlo, Monaco, Consolas, monospace;
}

html[data-theme="dark"] {
    --color-background: #2a1622; /* Dark cherry/cola */
    --color-panel: #3a2030;
}

@media (prefers-color-scheme: dark) {
    html:not([data-theme="light"]) {
        --color-background: #2a1622;
        --color-panel: #3a2030;
    }
}

.tsd-sources {
    display: none;
}

.tsd-page-toolbar {
    background-color: var(--color-accent);
    background-image: radial-gradient(circle, rgba(255,255,255,0.25) 15%, transparent 15%),
                      radial-gradient(circle, rgba(255,255,255,0.25) 15%, transparent 15%);
    background-size: 30px 30px;
    background-position: 0 0, 15px 15px;
    border-bottom: 4px solid var(--color-accent-dark);
}

.tsd-page-toolbar a, .tsd-page-toolbar span, .tsd-page-toolbar svg {
    color: white !important;
}

.tsd-widget, .tsd-filter-input, .tsd-navigation a, .tsd-accordion-summary {
    border-radius: 20px !important;
}

.tsd-navigation details[class*="tsd-accordion"] > summary {
    pointer-events: none; /* Disable clicking the summary */
}

.tsd-navigation details[class*="tsd-accordion"] > summary svg {
    display: none; /* Hide the arrow icon */
}

.tsd-navigation details[class*="tsd-accordion"] > .tsd-accordion-details {
    display: block !important; /* Force the content to always show */
}

.tsd-navigation details[class*="tsd-accordion"] a {
    pointer-events: auto; /* Re-enable clicking for actual links */
}

/* Make markdown blockquotes look like cute callouts */
.tsd-typography blockquote {
    border-left: 4px solid var(--color-accent);
    background: rgba(255, 102, 163, 0.1);
    border-radius: 0 15px 15px 0;
    padding: 10px 20px;
}