html, body { margin: 0; background: #12151a; color: #e3e7ee; }

.dark-mode {
    --scalar-font: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
    --scalar-font-code: ui-monospace, "Cascadia Mono", Consolas, monospace;
    --scalar-background-1: #12151a;
    --scalar-background-2: #1a1e25;
    --scalar-background-3: #20252e;
    --scalar-background-accent: rgba(74, 163, 255, .14);
    --scalar-border-color: #2c323d;
    --scalar-color-1: #e3e7ee;
    --scalar-color-2: #8b94a3;
    --scalar-color-3: #6f7886;
    --scalar-color-accent: #4aa3ff;
    --scalar-color-green: #3ecf8e;
    --scalar-color-orange: #f0b429;
    --scalar-color-red: #ff5d5d;
    --scalar-sidebar-background-1: #1a1e25;
    --scalar-sidebar-border-color: #2c323d;
    --scalar-sidebar-color-1: #e3e7ee;
    --scalar-sidebar-color-2: #8b94a3;
    --scalar-sidebar-color-active: #4aa3ff;
    --scalar-sidebar-item-active-background: #20252e;
    --scalar-sidebar-item-hover-background: #20252e;
    --scalar-sidebar-search-background: #12151a;
    --scalar-sidebar-search-border-color: #2c323d;
    --scalar-sidebar-search-color: #8b94a3;
}