body, .content-wrapper {
	background-color:var(--color_bg);
}
body, .content-wrapper, a { 
	color:var(--color_text);
}

/* APPLY THEMING: */
.content-wrapper[page*="home"] {
	--color_bg: var(--color_dark,#F2F3ED);
	--color_text: var(--color_bright,#003006);
	--color_cursor:var(--color_lightgray,#f6f6f2);
}

body:not(.isdev) .content-wrapper.active, body:not(.isdev) .content-wrapper.active * { 
	cursor: none!important;
}
.content-wrapper {
	transition: 0.05s ease-out background;
    background-image: radial-gradient(circle, var(--color_cursor) 8px, transparent 8.01px);
    background-size: 10px 10px; /* Maak de achtergrondafbeelding 16x16 pixels */
    background-repeat: no-repeat; /* Zorg ervoor dat het niet herhaald wordt */
}

.content-wrapper.active {
	transition: 0.02s ease-out background;
    background-image: radial-gradient(circle, var(--color_cursor) 8px, transparent 8.01px);
    background-size: 80px 80px; /* Maak de achtergrondafbeelding 16x16 pixels */
    background-repeat: no-repeat; /* Zorg ervoor dat het niet herhaald wordt */
}

body[mousedown] .content-wrapper {
	transition: 0.05s ease-out background;
	 background-image: radial-gradient(circle, var(--color_contrast) 6px, transparent 6px);

}

.content-wrapper:has(a:hover) {
	transition: 0.05s ease-out background;
	 background-image: radial-gradient(circle, var(--color_cursor) 12px, transparent 12.01px);
background-image: radial-gradient(circle, var(--color_cursor) 22px, transparent 22.01px);
    background-repeat: no-repeat; /* Zorg ervoor dat het niet herhaald wordt */
}

body[mousedown] .content-wrapper:has(a:hover) {
	transition: 0.05s ease-out background;
	 background-image: radial-gradient(circle, var(--color_contrast) 10px, transparent 10px);
}

a:hover {
	--color_text:var(--color_contrast);
}
.light {
	font-weight: 300; 
	color:rgba(0,0,0,0.3);
}