body.light-mode {
    background:
        repeating-linear-gradient(
            to bottom,
            transparent 0 30px,
            var(--brand-color) 30px 38px
        ) 20px 0/16px 100% no-repeat,
        var(--bg-light) var(--bg-light-pattern);
    background-size: 30px 30px;
    color: var(--text-dark);
}
	

body.dark-mode {
    background:
        repeating-linear-gradient(
            to bottom,
            transparent 0 30px,
            var(--brand-color) 30px 38px
        ) 20px 0/16px 100% no-repeat,
        var(--bg-dark) var(--bg-dark-pattern);
    background-size: 11px 11px;
    color: var(--text-light);
}




	
body.light-mode .counter-box {
	background: var(--card-bg-light);
	border-color: var(--border-light);
}

body.dark-mode .counter-box {
	background: var(--card-bg-dark);
	border-color: var(--border-dark);
}