@media (prefers-color-scheme: dark) {
    :root {
        --dark-background: #000000;
        --dark-text: #ffffff;
        --dark-text-muted: #d9d9d9;
        --dark-border: #333333;
        --dark-input-background: #1a1a1a;
        --dark-button-background: #F2F2F2;
        --dark-button-disabled-background: #222222;
        --dark-button-hover: #333333;
        --dark-card-background: #111111;
        --dark-accent: #f5f5f5;
    }

    body,
    #main-content>div>header-component>header,
    #main-content>div>header-component>header>nav>div>div.de1d87>div.badf19>div>div,
    #pl-returns-plugin,
    #main-content>footer-component>footer>div.footer-nav-container>section>div>a,
    #pl-returns-plugin .pl-card,
    #pl-returns-plugin a,
    #pl-returns-plugin .pl-toggle-section .pl-toggle-section-header,
    #pl-returns-plugin .pl-page-return .pl-toggle-title h2,
    #pl-returns-plugin .pl-page-registered .pl-toggle-section .pl-toggle-section-header .pl-toggle-icon,
    #pl-returns-plugin .pl-input,
    #pl-returns-plugin div.pl-dropdown-menu.pl-dropdown-border,
    #pl-returns-plugin div.pl-dropdown.pl-dropdown-border,
    #pl-returns-plugin .pl-article-options .css-hlgwow:has(.pl-dropdown-input input[style*="opacity: 0"]) .css-1dimb5e-singleValue {
        background-color: var(--dark-background);
        color: var(--dark-text)
    }

    #pl-returns-plugin .pl-button:disabled {
        background-color: var(--dark-button-disabled-background);
    }

    #pl-returns-plugin .pl-button--primary {
        background-color: var(--dark-button-background);
        color: var(--high-contrast-dark);
    }

    .pl-toggle-section .pl-toggle-section-header .pl-toggle-icon {
        color: white;
        background-color: var(--dark-text)
    }

    #pl-returns-plugin .pl-checkbox input[type='checkbox']:checked+.pl-checkbox-icon:after {
        background-color: var(--dark-text)
    }

    #pl-returns-plugin .pl-page-courier .pl-radio .pl-checkbox-icon {
        border-color: var(--dark-text);
    }

    #pl-returns-plugin .pl-page-courier .pl-radio input[type='radio']:checked~.pl-checkbox-icon:after {
        background-color: var(--dark-text)
    }

    #pl-returns-plugin .pl-radio .pl-radio-icon,
    #pl-returns-plugin .pl-radio input[type=radio]:checked~.pl-radio-icon {
        border-color: var(--dark-text);
    }

    #pl-returns-plugin .pl-confirm-return-modal .pl-modal {
        border: var(--dark-button-background) solid 2px;
    }

    #pl-returns-plugin .pl-modal-buttons button[data-testid='pl-close'] {
        background-color: var(--dark-background);
        color: var(--dark-accent);
        border-color: var(--dark-text);
    }

    #pl-returns-plugin .pl-register-another .pl-button {
        background-color: var(--dark-background);
        color: var(--dark-accent);
        border-color: var(--dark-text);
    }

    #pl-returns-plugin>div.pl-page-registered.pl-container-page>div:nth-child(3)>div>article>header>nav>button>svg>path {
        fill: var(--dark-text);
    }

    .ab67c0 {
        background-color: var(--dark-background);
    }

    #main-content>div>header-component>header>nav .ad9708 path,
    #main-content>footer-component>footer>div.footer-bottom-section>ul>li path,
    #main-content>footer-component>footer>div.footer-bottom-section>a>svg>path {
        fill: var(--dark-text);
    }

    #main-content>footer-component>footer button,
    #main-content>footer-component>footer div.accordion-panel {
        color: var(--dark-text);
    }

    #pl-returns-plugin .pl-style-article-checkbox .pl-article-list .pl-card-article .pl-article-select-toggle-wrapper .pl-checkbox .pl-checkbox-icon {
        border-color: white !important;
    }

    button.pl-modal-close img {
        filter: brightness(0) invert(1);
    }

    /* Address field input text color in dark mode */
    #pl-returns-plugin .pl-article-options .pl-dropdown,
    #pl-returns-plugin .pl-address-modal input {
        color: var(--dark-text);
    }

    /* Selected dropdown text should also be white in dark mode */
    #pl-returns-plugin .pl-article-options .css-1dimb5e-singleValue {
        color: var(--dark-text);
    }

    /* Star rating visibility in dark mode */
    #pl-returns-plugin .pl-card-rating-stars>button,
    #pl-returns-plugin .pl-card-rating-stars>button:hover:before,
    #pl-returns-plugin .pl-card-rating-stars>button:hover~button:before,
    #pl-returns-plugin .pl-card-rating-stars-completed>button.pl-rated:before {
        color: var(--dark-text);
    }
}