/* Theme Features */
.theme-button {
	padding: 0.7rem;
	border: 2px solid var(--border-color);
	border-radius: 8px;
	background: var(--bg-accent);
	color: var(--text-primary);
	cursor: pointer;
	transition: all 0.3s ease;
	font-size: 0.95rem;
}

.theme-button:hover, .theme-button.active {
	background: var(--accent-warm);
	color: white;
	border-color: var(--accent-warm);
}

:root {
	--bg-primary: #F5E6D3;
	--bg-secondary: #FFF8F0;
	--bg-accent: #E8D4B8;
	--text-primary: #3E2723;
	--text-secondary: #5D4037;
	--accent-warm: #D4886F;
	--accent-gold: #C9A56B;
	--border-color: #D7C4B0;
	--shadow: rgba(62, 39, 35, 0.1);
	--badge-bg: #F4E4D0;
}

/* Theme styles */
    body.evening {
        --bg-primary: #E8D4C4;
        --bg-secondary: #F5E5D8;
        --bg-accent: #D4B8A8;
        --text-primary: #3E2723;
        --text-secondary: #5D4037;
        --accent-warm: #C07050;
        --accent-gold: #B8926B;
        --badge-bg: #E8D8C8;
    }

    body.twilight {
        --bg-primary: #2C3544;
        --bg-secondary: #363F52;
        --bg-accent: #424D62;
        --text-primary: #E8E9ED;
        --text-secondary: #B8BAC0;
        --accent-warm: #8B9EB8;
        --accent-gold: #A0B3CC;
        --border-color: #4A5468;
        --shadow: rgba(0, 0, 0, 0.3);
        --badge-bg: #4A5468;
        }

	body.aurora {
		--bg-primary: #1A1F2E;
		--bg-secondary: #252B3D;
		--bg-accent: #2F3749;
		--text-primary: #E8E9ED;
		--text-secondary: #B8BAC0;
		--accent-warm: #7B8FA3;
		--accent-gold: #9BB0C8;
		--border-color: #3A4157;
		--shadow: rgba(0, 0, 0, 0.4);
		--badge-bg: #3A4157;
	}

	/* merge at some point */
body.cosy {
    --disabled-bg: #B8A898;
    --disabled-text: #8B7D6B;
    --disabled-border: #A89888;
}

body.evening {
    --disabled-bg: #C9B0A0;
    --disabled-text: #9B8070;
    --disabled-border: #B8A090;
}

body.twilight {
    --disabled-bg: #5A6478;
    --disabled-text: #9BA3B0;
    --disabled-border: #4A5468;
}

body.aurora {
    --disabled-bg: #3A4456;
    --disabled-text: #7B8490;
    --disabled-border: #2A3444;
}

.hidden {
	display: none;
}