:root {
	--side-spacing-normal: 10%;
	--side-spacing-mobile: 2%;
    @media (prefers-color-scheme: dark) {
        --body-bg: url("/imgs/bg.jpg");
        --body-fg: white;
        --summary-hover-bg: white;
        --summary-hover-fg: black;
        --link-fg: dodgerblue;
        --link-hover-fg: crimson;
		--gallery-a-fg: white;
        --folder-card-hover-bg: rgba(255, 255, 255, 0.175);
        --cam-details-bg: rgba(255,255,255,0.1);
        --full-img-button-fg: rgba(0,0,0,1);
        --full-img-button-bg: rgba(255,255,255,1);
        --full-img-button-hover-fg: rgba(255,255,255,1);
        --full-img-button-hover-bg: rgba(0,0,0,1);
		--border-color: rgb(255,255,255);
		--column-separate-bg: #2e2e2e;
    }
    @media (prefers-color-scheme: light) {
        --body-bg: white;
        --body-fg: black;
        --summary-hover-bg: black;
        --summary-hover-fg: white;
        --link-fg: blue;
        --link-hover-fg: red;
		--gallery-a-fg: black;
        --folder-card-hover-bg: rgba(0, 0, 0, 0.175);
        --cam-details-bg: rgba(255,255,255,0.1);
        --full-img-button-fg: rgba(255,255,255,1);
        --full-img-button-bg: rgba(0,0,0,1);
        --full-img-button-hover-fg: rgba(0,0,0,1);
        --full-img-button-hover-bg: rgba(255,255,255,1);
		--border-color: rgb(0,0,0);
		--column-separate-bg: #dddddd;
    }
}