/*
███████████████████████████████████████████████████████████████╗
█╔════════════════════════════════════════════════════════════█║
█║░░░░░░░░░░░░░░░░░░░░░░░ STYLE SHEET ░░░░░░░░░░░░░░░░░░░░░░░░█║
███████████████████████████████████████████████████████████████║
╚══════════════════════════════════════════════════════════════╝
*/


@import url("/css/fonts.css");


	/*
	███████████████████████████████████████████████████████████████╗
	█╔════════════════════════════════════════════════════════════█║
	█║░░░░░░░░░░░░░░░░░░░░░░░░░░ COLORS ░░░░░░░░░░░░░░░░░░░░░░░░░░█║
	███████████████████████████████████████████████████████████████║
	╚══════════════════════════════════════════════════════════════╝
	*/


/*Can't separate colors into a different file without breaking the Color Highlight extension, which only follows color variables in the current file */

:root {

	--color-primary:           #ffffff;
	--color-accent:            #009ee0;

	/*Basic 8 colors*/
	--color-black:             #000000;
	--color-red:               #ff0000;
	--color-green:             #00ff00;
	--color-yellow:            #ffff00;
	--color-blue:              #0000ff;
	--color-magenta:           #ff00ff;
	--color-cyan:              #00ffff;
	--color-white:             #ffffff;

	/*Greys */
	--color-grey-light:        #cccccc;
	--color-grey-medium:       #808080;
	--color-grey-dark:         #333333;

	/*NEWT Colors */
	--color-border:            var(--color-white);
	--color-background:        var(--color-black);

	--color-listbox-fg:        var(--color-white);
	--color-listbox-bg:        var(--color-black);

	--color-actsellistbox-fg:  var(--color-white);
	--color-actsellistbox-bg:  var(--color-red);

	--color-actlistbox-fg:     var(--color-white);
	--color-actlistbox-bg:     var(--color-grey-medium);

	--color-label-fg:          var(--color-blue);
	--color-label-bg:          var(--color-black);

	--color-checkbox-fg:       var(--color-red);
	--color-checkbox-bg:       var(--color-black);

	--color-title-fg:          var(--color-green);
	--color-title-bg:          var(--color-black);

	--color-buttons-fg:        var(--color-white);
	--color-buttons-bg:        var(--color-red);

	--color-compactbuttons-fg: var(--color-white);
	--color-compactbuttons-bg: var(--color-grey-medium);

	--color-actcheckbox-fg:    var(--color-white);
	--color-actcheckbox-bg:    var(--color-blue);

	--color-entry-fg:          var(--color-grey-light);
	--color-entry-bg:          var(--color-black);

	--color-textbox-fg:        var(--color-blue);
	--color-textbox-bg:        var(--color-black);

}

/*Color Reference: 
NEWT_COLORS = "
root=black,black;
window=black,black;
border=white,black;
listbox=white,black;
label=blue,black;
checkbox=red,black;
title=green,black;
button=white,red;
actsellistbox=white,red;
actlistbox=white,gray;
compactbutton=white,gray;
actcheckbox=white,blue;
entry=lightgray,black;
textbox=blue,black";
*/


	/*
	███████████████████████████████████████████████████████████████╗
	█╔════════════════════════════════════════════════════════════█║
	█║░░░░░░░░░░░░░░░░░░░░░░░░░░ STYLE ░░░░░░░░░░░░░░░░░░░░░░░░░░░█║
	███████████████████████████████████████████████████████████████║
	╚══════════════════════════════════════════════════════════════╝
	*/


	/*
	███████████████████████████████████████████████████████████████╗
	█╔════════════════════════════════════════════════════════════█║
	█║░░░░░░░░░░░░░░░░░░░░░░░░░░░ BASE ░░░░░░░░░░░░░░░░░░░░░░░░░░░█║
	███████████████████████████████████████████████████████████████║
	╚══════════════════════════════════════════════════════════════╝
	*/


body {

	background-color: var(--color-background);
	color: var(--color-primary);
	font-family: var(--font-text);
}


footer {
	text-align: right;
}


		/*
		███████████████████████████████████████████████████████████████╗
		█╔════════════════════════════════════════════════════════════█║
		█║░░░░░░░░░░░░░░░░░░░░░░░░░░ LAYOUT ░░░░░░░░░░░░░░░░░░░░░░░░░░█║
		███████████████████████████████████████████████████████████████║
		╚══════════════════════════════════════════════════════════════╝
		*/


.window {
	border-color: var(--color-white);
	border-style: solid;
	border-width: 2px;
	padding: 0;
}


		/*
		███████████████████████████████████████████████████████████████╗
		█╔════════════════════════════════════════════════════════════█║
		█║░░░░░░░░░░░░░░░░░░░░░░░░░░ LINKS ░░░░░░░░░░░░░░░░░░░░░░░░░░░█║
		███████████████████████████████████████████████████████████████║
		╚══════════════════════════════════════════════════════════════╝
		*/


a {
	color: var(--color-blue);
	text-decoration: none;
}


a:visited {
	color: var(--color-magenta);
}


	/*
	███████████████████████████████████████████████████████████████╗
	█╔════════════════════════════════════════════════════════════█║
	█║░░░░░░░░░░░░░░░░░░░░░░░░ TITLE BARS ░░░░░░░░░░░░░░░░░░░░░░░░█║
	███████████████████████████████████████████████████████████████║
	╚══════════════════════════════════════════════════════════════╝
	*/


.tui-titlebar {
	color: var(--color-white);
	background-color: var(--color-black);
	text-align: center;
	font-weight: bold;
	border-bottom: 2px solid var(--color-white);
	font-size: 1.2rem;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
}


	/*
	███████████████████████████████████████████████████████████████╗
	█╔════════════════════════════════════════════════════════════█║
	█║░░░░░░░░░░░░░░░░░░░░░░░░ LIST BOXES ░░░░░░░░░░░░░░░░░░░░░░░░█║
	███████████████████████████████████████████████████████████████║
	╚══════════════════════════════════════════════════════════════╝
	*/


ul.tui-listbox {
	list-style: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 1rem;
}

a.tui-list-entry {
	/*color: var(--color-white); */
	display: block;
	text-decoration: none;
	padding: 0.2rem 1rem;
}

a.tui-list-entry:hover,
a.tui-list-entry:focus {
	color: var(--color-white);
	background-color: var(--color-red);
}


	/*
	███████████████████████████████████████████████████████████████╗
	█╔════════════════════════════════════════════════════════════█║
	█║░░░░░░░░░░░░░░░░░░░░░░░░░ UNSORTED ░░░░░░░░░░░░░░░░░░░░░░░░░█║
	███████████████████████████████████████████████████████████████║
	╚══════════════════════════════════════════════════════════════╝
	*/


/*
███████████████████████████████████████████████████████████████╗
╚══════════════════════════════════════════════════════════════╝
*/