:root {
    --ion-color-primary: #75b547; /* new primary color */
    --ion-item-background: transparent; /* transparent background */
    --ion-font-family: 'roboto-black';
}

.appview, .toolbar-title-default {
    display: none !important;
}

.ion-header {
    background-color: forestgreen
}

.header-cont, footer {
    display: block !important
}

@media all and (display-mode: standalone) and (max-width:768px) {
    .header-cont, footer, .social_icon, #scroll, .copybottom {
        display: none !important;
    }
    .appview, .toolbar-title-default {
        display: block !important;
    }

    body {
        padding-top: 40px !important;
    }
}

/* Prevent flicker when toggling */
ion-item {
    --transition: none;
}

/* Simulated brightness */
body {
    filter: brightness(var(--app-brightness, 1));
    font-size: var(--app-font-size, 16px);
    font-weight: var(--app-font-weight, normal);
    transition: filter 0.2s ease, font-size 0.2s ease;
}


.dark-mode-screen.active {
    display: none !important;
}


.body {
    padding: 0px !important;
}

.item-native {
    padding: 0px !important;
}

.ion-alert {
    z-index: 9999 !important;
}


body.dark {
    --ion-background-color: #121212;
    --ion-text-color: #ffffff;
    --ion-toolbar-background: #1f1f1f;
}