/* **********************************************
	NOTICES:
	!!! This file should always be loaded second to last and have the second highest number in stylesheet ordering!
	1. hexcodes only (unless you want to play with others but i suggest hex lol)
	    opacity table: https://davidwalsh.name/hex-opacity
	2. banner suggested width min 1500px with a ratio of 2:1 or 3:1
********************************************** */

/* DARK MODE */
:root {
    --banner-image: url('/images/locations/25.png');
    --banner-image-no-subject: url('/images/locations/25.png');
	--banner-sname-color: #e4e1cd;
	--banner-sname-hov-color: #ACA45E;
	--banner-sname-shadow-color: #1e1e1b;
	
	--base-bg-color: #282723;
	--base-bg-color-body-overlay: #282723F2; /* change only before F2 */
	--base-bg-color-faded: #282723D9; /* change only before D9 */
	--base-bg-color-muted: #282723b7; /* change only before A6 */
	--base-txt-color: #979f97;
	--base-txt-color-faded: #979f97D9; /* change only before D9 */
	--base-txt-color-muted: #979f9766; /* change only before 66 */
	--base-lnk-color: #b1b290;
	--base-lnk-hov-color: #ACA45E;
	--base-border-color: #979f974D;
	
	--main-nav-bg-color: #161614;
	--main-nav-bg-color-faded: #161614D9; /* change only before D9 */
	--main-nav-bg-color-muted: #161614A6; /* change only before A6 */
	--main-nav-txt-color: #979f97;
	--main-nav-lnk-color: #e6e7d6;
	--main-nav-lnk-hov-color: #ACA45E;
	
	--box-bg-color: #3d3a2e1a; /* change only before 1A */
	--box-alt-bg-color: #2e2c231a; /* change only before 1A */
}

/* LIGHT MODE (says dark but this is ACTUALLY LIGHT, dark loads first and i'm too lazy to edit javascript) */
[data-theme="dark"] {
	--base-bg-color: #d0d0c2;
	--base-bg-color-body-overlay: #d0d0c2F2; /* change only before F2 */
	--base-bg-color-faded: #d0d0c2D9; /* change only before D9 */
	--base-bg-color-muted: #d0d0c2b7; /* change only before A6 */
	--base-txt-color: #17170c;
	--base-txt-color-faded: #17170cD9; /* change only before D9 */
	--base-txt-color-muted: #17170c66; /* change only before 66 */
	--base-lnk-color: #49471E;
	--base-lnk-hov-color: #777142;
	--base-border-color: #17170c4D;
	
	--main-nav-bg-color: #f0f0e6;
	--main-nav-bg-color-faded: #f0f0e6D9; /* change only before D9 */
	--main-nav-bg-color-muted: #f0f0e6A6; /* change only before A6 */
	--main-nav-txt-color: #17170c;
	--main-nav-lnk-color: #4a4626;
	--main-nav-lnk-hov-color: #676130;
	
	--box-bg-color: #3d3a2e1a; /* change only before 1A */
	--box-alt-bg-color: #2e2c231a; /* change only before 1A */
}