[data-theme="dark"] {
    /* Text colors - shifting to light grays/whites */
    --body-text-color: #e0e0e0;
    --block-text-color: #cccccc;
    --title-color: #a9c6d9;

    /* Background colors - deep charcoals and blacks */
    --body-background-color: #121212;
    --section-background-color: #1e1e1e;
    --detail-background-color: #181818;

    /* Navigation bar - darkened blue to maintain brand feel */
    --navbar-background-color: #2a3f4d;
    --navbar-text-color: #ffffff;
    --subnav-background-color: #2d333b;
    --subnav-link-color: #8ab4f8;

    /* Selected states - using a slightly muted orange for dark mode */
    --selected-background-color: #c97a16;
    --selected-text-color: #121212;
    --selected-link-color: #8ab4f8;

    /* Table row stripes and headers */
    --even-row-color: #181818;
    --odd-row-color: #242424;
    --table-header-color: #2d333b;

    /* Link colors - brighter blues/golds for visibility on dark backgrounds */
    --link-color: #8ab4f8;
    --link-color-active: #ffb74d;

    /* Snippet/Code colors */
    --snippet-background-color: #2d2d2d;
    --snippet-text-color: var(--block-text-color);
    --snippet-highlight-color: #5e462b;
    --code-background-color: #2d2d2d;
    --mark-background-color: #3a3a1a;
    --detail-block-color: #1e1e1e;

    /* Table of contents sidebar */
    --toc-background-color: #1a1a1a;
    --toc-hover-color: #2a2a2a;

    /* Borders and Tables */
    --border-color: #333333;
    --table-border-color: #444444;

    /* Buttons - invert brightness adjustments for dark mode */
    --button-border-color: #555555;
    --button-active-filter: brightness(120%);
    --button-focus-filter: brightness(110%);

    /* Search input adjustments */
    --search-input-background-color: #252526;
    --search-input-text-color: #ffffff;
    --search-input-placeholder-color: #888888;
    --search-tag-highlight-color: #4d4d00;

    /* Invalid tags - darker red background */
    --invalid-tag-background-color: #4d0000;
    --invalid-tag-text-color: #ffcccc;
}

/* Site header structure */

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

/*
 * JDK-shipped javadoc icons in resource-files/ (left.svg, right.svg, x.svg, link.svg, copy.svg, glass.svg)
 * have hardcoded fills baked into the SVG source — fill:#000 for most, fill:#1a73a8 for glass.svg.
 * As <img> tags their inner paint can't be reached from external CSS, so on dark mode they render
 * invisible (black on dark bg) or wrong-color. filter: invert(1) flips brightness so black → white,
 * making them visible against the dark chrome. Applied broadly to any <img> in interactive javadoc UI.
 */
[data-theme="dark"] .hide-sidebar img,
[data-theme="dark"] .show-sidebar img,
[data-theme="dark"] button > img,
[data-theme="dark"] .snippet-container img,
[data-theme="dark"] a.copy-link > img,
[data-theme="dark"] .search-input ~ img {
    filter: invert(1);
}