/* Auto theme mode */
@media (prefers-color-scheme: light) {
    :root {
        --bg-color: #FFFFFF;
        --bg-active-color: #00000030;
        --shadow-color: #DDDDDD90;

        --text-color: #333333;
        --text-light-color: #666666;
        --text-lightest-color: #999999;
        --text-accent-color: #FFFFFF;

        --accent-color: #009688;
        --accent-active-color: #009688AA;

		--send-bg-color: #009688;
		--send-text-color: #FFFFFF;
		--send-active-color: #00968899;

		--receive-bg-color: #EEEEEE;
		--receive-text-color: #333333;
		--receive-active-color: #EEEEEE99;
    }
}
@media (prefers-color-scheme: dark) {
    :root {
        --bg-color: #111111;
        --bg-active-color: #FFFFFF30;
        --shadow-color: #44444460;
    
        --text-color: #CCCCCC;
        --text-light-color: #999999;
        --text-lightest-color: #666666;
        --text-accent-color: #EEEEEE;
    
        --accent-color: #009688;
        --accent-active-color: #009688AA;

        --send-bg-color: #009688;
		--send-text-color: #FFFFFF;
		--send-active-color: #00968899;

		--receive-bg-color: #666666;
		--receive-text-color: #CCCCCC;
		--receive-active-color: #66666699;
    }
}

/* Day theme mode */
:root {
    --z-day-bg-color: #FFFFFF;
    --z-day-bg-active-color: #00000030;
    --z-day-shadow-color: #DDDDDD90;

    --z-day-text-color: #333333;
    --z-day-text-light-color: #666666;
    --z-day-text-lightest-color: #999999;
    --z-day-text-accent-color: #FFFFFF;

    --z-day-accent-color: #009688;
    --z-day-accent-active-color: #009688AA;

    --z-day-send-bg-color: #009688;
    --z-day-send-text-color: #FFFFFF;
    --z-day-send-active-color: #00968899;

    --z-day-receive-bg-color: #EEEEEE;
    --z-day-receive-text-color: #333333;
    --z-day-receive-active-color: #EEEEEE99;
}

/* Night theme mode */
:root {
    --z-night-bg-color: #111111;
    --z-night-bg-active-color: #FFFFFF30;
    --z-night-shadow-color: #44444460;

    --z-night-text-color: #CCCCCC;
    --z-night-text-light-color: #999999;
    --z-night-text-lightest-color: #666666;
    --z-night-text-accent-color: #EEEEEE;

    --z-night-accent-color: #009688;
    --z-night-accent-active-color: #009688AA;

    --z-night-send-bg-color: #009688;
    --z-night-send-text-color: #FFFFFF;
    --z-night-send-active-color: #00968899;

    --z-night-receive-bg-color: #666666;
    --z-night-receive-text-color: #CCCCCC;
    --z-night-receive-active-color: #66666699;
}