@media (prefers-color-scheme: dark) {
    :root {
        --verso-background-color: #ffffff;
        --verso-blockquote-border-color: #dfe2e5;
        --verso-blockquote-color: #6a737d;
        --verso-border-color: #e9ecef;
        --verso-breadcrumb-color: #495057;
        --verso-code-box-background-color: #f6f8fa;
        --verso-code-box-border-color: #e1e4e8;
        --verso-copy-button-bg: #e9ecef;
        --verso-copy-button-border: #d1d5db;
        --verso-copy-button-color: #586069;
        --verso-copy-button-copied-color: #22863a;
        --verso-copy-button-hover-bg: #d1d5db;
        --verso-current-bg: #0066cc;
        --verso-current-fg: white;
        --verso-docstring-border-color: #ddd;
        --verso-error-color: #cc0000;
        --verso-error-indicator-color: #dc3545;
        --verso-hamburger-bar-color: #333;
        --verso-hamburger-bg: #fff;
        --verso-hamburger-border: #dee2e6;
        --verso-imports-summary-color: #586069;
        --verso-info-indicator-color: #0066cc;
        --verso-inline-code-bg: #f0f2f4;
        --verso-link-color: #0066cc;
        --verso-link-hover-bg: #e3f2fd;
        --verso-link-visited-color: #551a8b;
        --verso-muted-color: #6c757d;
        --verso-output-color: #555;
        --verso-selected-color: #def;
        --verso-structure-color: #333;
        --verso-surface-color: #f8f9fa;
        --verso-text-color: #333;
        --verso-warning-color: #fff3cd;
        --verso-warning-indicator-color: #b8860b;
    }
}
:root[data-theme="dark"] {
    --verso-background-color: #ffffff;
    --verso-blockquote-border-color: #dfe2e5;
    --verso-blockquote-color: #6a737d;
    --verso-border-color: #e9ecef;
    --verso-breadcrumb-color: #495057;
    --verso-code-box-background-color: #f6f8fa;
    --verso-code-box-border-color: #e1e4e8;
    --verso-copy-button-bg: #e9ecef;
    --verso-copy-button-border: #d1d5db;
    --verso-copy-button-color: #586069;
    --verso-copy-button-copied-color: #22863a;
    --verso-copy-button-hover-bg: #d1d5db;
    --verso-current-bg: #0066cc;
    --verso-current-fg: white;
    --verso-docstring-border-color: #ddd;
    --verso-error-color: #cc0000;
    --verso-error-indicator-color: #dc3545;
    --verso-hamburger-bar-color: #333;
    --verso-hamburger-bg: #fff;
    --verso-hamburger-border: #dee2e6;
    --verso-imports-summary-color: #586069;
    --verso-info-indicator-color: #0066cc;
    --verso-inline-code-bg: #f0f2f4;
    --verso-link-color: #0066cc;
    --verso-link-hover-bg: #e3f2fd;
    --verso-link-visited-color: #551a8b;
    --verso-muted-color: #6c757d;
    --verso-output-color: #555;
    --verso-selected-color: #def;
    --verso-structure-color: #333;
    --verso-surface-color: #f8f9fa;
    --verso-text-color: #333;
    --verso-warning-color: #fff3cd;
    --verso-warning-indicator-color: #b8860b;
}