/* **********************************************
	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/24.png');
    --banner-image-no-subject: url('/images/locations/24.png');
	--banner-sname-color: #e6eaf2;
	--banner-sname-hov-color: #56657E;
	--banner-sname-shadow-color: #15181c;
	
	--base-bg-color: #1b1e24;
	--base-bg-color-body-overlay: #1b1e24F2; /* change only before F2 */
	--base-bg-color-faded: #1b1e24D9; /* change only before D9 */
	--base-bg-color-muted: #1b1e24b7; /* change only before A6 */
	--base-txt-color: #8E9CB1;
	--base-txt-color-faded: #8E9CB1D9; /* change only before D9 */
	--base-txt-color-muted: #8E9CB166; /* change only before 66 */
	--base-lnk-color: #B4BCD1;
	--base-lnk-hov-color: #D1D8E7;
	--base-border-color: #8E9CB14D;
	
	--main-nav-bg-color: #13161a;
	--main-nav-bg-color-faded: #13161aD9; /* change only before D9 */
	--main-nav-bg-color-muted: #13161aA6; /* change only before A6 */
	--main-nav-txt-color: #8E9CB1;
	--main-nav-lnk-color: #A9B5C9;
	--main-nav-lnk-hov-color: #D1D8E7;
	
	--box-bg-color: #3a475d1a; /* change only before 1A */
	--box-alt-bg-color: #35435a1a; /* 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: #c5cdda;
	--base-bg-color-body-overlay: #c5cddaF2; /* change only before F2 */
	--base-bg-color-faded: #c5cddaD9; /* change only before D9 */
	--base-bg-color-muted: #c5cddab7; /* change only before A6 */
	--base-txt-color: #29313D;
	--base-txt-color-faded: #29313DD9; /* change only before D9 */
	--base-txt-color-muted: #29313D66; /* change only before 66 */
	--base-lnk-color: #2C3C54;
	--base-lnk-hov-color: #56657E;
	--base-border-color: #29313D4D;
	
	--main-nav-bg-color: #e5e9f1;
	--main-nav-bg-color-faded: #e5e9f1D9; /* change only before D9 */
	--main-nav-bg-color-muted: #e5e9f1A6; /* change only before A6 */
	--main-nav-txt-color: #29313D;
	--main-nav-lnk-color: #2C3C54;
	--main-nav-lnk-hov-color: #56657E;
	
	--box-bg-color: #56657E1a; /* change only before 1A */
	--box-alt-bg-color: #2d3c551a; /* change only before 1A */
}