/* ==========================================================================
   1. VARIABLES, THEMES, & COLOR UTILITIES
   ========================================================================== */
:root {
	--bg:					#111111;
	--bg2:					#18181b;
  --text:        #e3e3e3;
  --title:       #ffffff;
  --subtitle:    #00e8ff;
  --green:       #8dff8d;
  --blue:        #75caff;
  --purple:      #c390ff;
  --orange:      #ffb347;
  --yellow:      #f1c40f;
  --red:         #ff6b6b;
  --gray:        #a0a0a0;
  --underline:   #ffffff;
	--border:				#26262c;
	--border-active:		#3f3f3f;
	--chat-highlight: rgba(255, 235, 59, 0.15);
}

.light-theme {
	--bg:					#ffffff;
	--bg2:					#d5d5d5;
  --text:        #111111;
  --title:       #06cfff;
  --subtitle:    #898989;
  --green:       #00bb20;
  --blue:        #0085e3;
  --purple:      #9134ff;
  --orange:      #e66b00;
  --yellow:      #f39c12;
  --red:         #d10000;
  --gray:        #666666;
  --underline:   #2b2b2b;
	--border:				#bfbfbf;
	--border-active:		#a7a7a7;
}

/* Universal Text & Icon Colors (Base level, easily overridden by game CSS) */
.green  { color: var(--green); }
.blue   { color: var(--blue); }
.purple { color: var(--purple); }
.orange { color: var(--orange); }
.yellow { color: var(--yellow); }
.red    { color: var(--red); }
.gray   { color: var(--gray); }