[x-cloak] {
    display: none !important;
}

html {
    transition:
        background-color 0.3s ease,
        color 0.3s ease;
}

html.dark {
    color-scheme: dark;
}

/* Custom scrollbar for sidebar */
.sidebar-scroll::-webkit-scrollbar {
    width: 4px;
}
.sidebar-scroll::-webkit-scrollbar-track {
    background: transparent;
}
.sidebar-scroll::-webkit-scrollbar-thumb {
    background: #d4cdc0;
    border-radius: 2px;
}
.dark .sidebar-scroll::-webkit-scrollbar-thumb {
    background: #3d352c;
}

/* Syntax highlighting */
.token-keyword {
    color: #c4694a;
}
.token-string {
    color: #6b9f78;
}
.token-property {
    color: #7a9ec4;
}
.token-comment {
    color: #9c8d78;
}
.token-number {
    color: #b8a36e;
}

/* Smooth section transitions */
.api-section {
    scroll-margin-top: 100px;
}