/* ************************ LIGHT/DARK SUPPORT *********************** */

.light-image {
    filter: none;
    display: inline;
}

.dark-image {
    display: none;
}

@media (prefers-color-scheme: dark) {
  /* Dark theme styles go here */
    body {
        background-color: #272727;
    }
    
    h3 {
        color: #7CB8D8;
    }

    .item-title {
        color: #D9D9D9;
    }
    
    .item-info {
        color: #D9D9D9;
    }

    .item-subtitle {
        color: #7CB8D8;
    }
    
    .light-image {
        display: none;
    }
    
    .dark-image {
        filter: brightness(.95) contrast(1.2);
        display: inline;
    }
    
    .primary-section {
        background-color: #272727;
    }

    .secondary-section {
        background-color: #292929;
    }
    
    .navbar {
        background-color: #292929 !important;
    }

    .navbar-brand p {
        color: #959595;
    }

    .nav-link {
        color: #959595;
    }

    .active .nav-link {
        color: #FFFFFF !important;
    }
    
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    
    .connect-row p {
        color: whitesmoke;
    }

    .social-icon {
        color: whitesmoke;
    }

}