:root{
    --imp-primary-color: #5551FF; /* Blue */

    /* Neutral colors */
    --imp-background-color: #ffffff; /* White */
    --imp-surface-color: #5551FF; /* Light grey */
    --imp-border-color: #bdc3c7; /* Grey */
    --imp-text-color: #5551FF; /* Dark grey */
    --imp-muted-text-color: #95a5a6; /* Muted grey */
    --imp-text-color-light: #fff;
    --imp-text-color-dark: #000;

    /* dark theme colors */
    --imp-background-color-dark-100: #1a1625;
    --imp-background-color-dark-200: #2f2b3a;
}
body{
    background: #e5e5e5 !important;
}
.demo-tag{
    display:inline-block;
    line-height: 18px;
    background-color:var(--imp-primary-color);
    color:white;
    padding:5px;
    border-radius: 10px;
    margin: 0!important;
}


.site-title a:hover, .site-title a:focus {
    color: var(--imp-primary-color)!important;
}

.entry-title a:hover, .entry-title a:focus {
    color: var(--imp-primary-color)!important;
}

.main-navigation ul.nav-menu .current-menu-item > a,
.main-navigation ul.nav-menu > li:hover > a{
    color: var(--imp-primary-color)!important;
}

.impactify-url{
    text-decoration: none;
}

.impactify-url:hover{
    color: var(--imp-primary-color)!important;
}

.featured-image {
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08); /* Soft shadows */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transitions */

}

.featured-image:hover {
    transform: scale(1.05); /* Scale the element to 105% of its original size */
}

.menu-toggle:hover, .menu-toggle:focus {
    background-color: var(--imp-primary-color)!important;
}

.site-logo{
    width: 50px!important;
}
.tags-links {
    margin-bottom: 5px!important;
    display: flex!important;
    gap: 5px!important;
    justify-content: center!important;
}
.entry-container{
    border-radius: 10px;
}
@media (prefers-color-scheme: dark) {
    #masthead {
        background: var(--imp-background-color-dark-100)!important;;
    }
    #content{
        background: var(--imp-background-color-dark-100)!important;;
    }
    .entry-container{
        background:var(--imp-background-color-dark-200)!important;
    }
    #colophon{
        background:var(--imp-background-color-dark-100)!important;
    }
    .copy-right>a,.copy-right{
        color:var(--imp-text-color-light)!important;
    }
    .entry-title>a{
        color:var(--imp-text-color-light)!important;
    }
    .nav-menu>li>a{
        color:var(--imp-text-color-light)!important;
    }
    .site-title>a{
        color:var(--imp-text-color-light)!important;
    }
    .demo-tag{
        color:var(--imp-text-color-light)!important;

    }

    .menu-toggle{
        background:var(--imp-primary-color)!important;;
    }

    #primary-menu{
        background:var(--imp-background-color-dark-100)!important;
    }
}