/* Stylesheet for DuckDuckGo */
body[se-engine="ddg"] {
    --bg-color: light-dark(#FAFAFA, #111);
    --text-color: light-dark(#000, #D4D4D4);
    --input-bg-color: light-dark(#fff, #333);
    --input-text-color: light-dark(#535353, #ececec);
    --input-border-radius: .5em;

    font-family: "Liberation Sans", "Open Sans", FreeSans, Arial, sans-serif;

    #searchBar {
        border-radius: var(--input-border-radius);
    }
    #title>.logo {
        background-size: 28em;
    }
    /* light-dark() doesn't work with some proprieties */
    @media (prefers-color-scheme: light) {
        #searchBar {
            box-shadow: 0rem 0.125rem 0.375rem rgba(0,0,0,.1), 0rem 0.5rem 1rem rgba(0,0,0,.08);
            border: 1px solid rgba(0,0,0,.15);
        }
        #title>.logo {
            background-image: url("images/DuckDuckGo-light.svg");
        }
    }
    @media (prefers-color-scheme: dark) {
        #searchBar {
            box-shadow: 0 1px 3px rgba(0,0,0,.5);
        }
        #title>.logo {
            background-image: url("images/DuckDuckGo.svg");
        }
    }
    #search {
        font-size: 1.1em;
        caret-color: #3969ef;
    }
    #searchBar>#searchIcon {
        filter: invert(0.8);
    }
}