@import './variables';
body.dark {
    background: $body-bg;
    color: #ccc;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: $font-family-sans-serif;
    padding-top: 65px;

    a {
        color: $primary-gold;
    }

    &::-webkit-scrollbar {
        background-color: transparent;
        width: 5px;
        height: 5px;
        overflow-y: scroll;
    }

    &::-webkit-scrollbar-thumb {
        background-color: $gray-500;
        border-radius: 4px;
    }

    .close {
        position: relative;
        outline: none;
    }

    .close span {
        font-size: 2.5rem;
        font-weight: 300;
        text-shadow: none;
        color: $white;
        line-height: 2.5rem;
    }

    //icons
    .icon {
        &.icon-settings {
            background-image: url('../../../assets/img/icons/settings-gold.svg');
        }
    }
}