@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&display=swap');

@font-face {
	font-family: 'Immortal'
	src: local (Immortal),  
	url (Immortal.ttf) format(truetype);
}

body {
/*Fonts*/
	--font-text-theme: 'El Messiri';
	--font-interface-theme: 'El Messiri';
	--font-monospace-theme: 'El Messiri';
	--h1-font: 'Immortal', 'El Messiri';
	--h2-font: 'Immortal', 'El Messiri';
	--h3-font: 'Immortal', 'El Messiri';
	--h4-font: 'Immortal', 'El Messiri';
	--h5-font: 'Immortal', 'El Messiri';
	--h6-font: 'Immortal', 'El Messiri';

/*Body Text*/
	--text-on-accent: #e5f2f4;
	--text-on-accent-inverted: #10151e;
	--text-success: #5bc520;
	--text-warning: #c55820;
	--text-error: #c52020;
	--text-selection: #203ac5;
	--text-highlight-bg: #c58520;
	--bold-color: #c58520;
	--link-external-color: #20c5b6;
	--list-marker-color: #c58520;

/*Headings*/
	--h1-color: #c58520;
	--h2-color: #3d68b8;
	--h3-color: #437ab9;
	--h4-color: #4a8cba;
	--h5-color: #519eba;
	--h6-color: #5aafba;

/*Indents*/
	--indentation-guide-color: #4d93ba;
	--indentation-guide-color-active: #4785ba;

/*Graph*/
	--graph-line: #3d68b8;
	--graph-node: #c58520;
	--graph-node-unresolved: #5aafba;
	--graph-node-focused: #c55820;
	--graph-node-attachment: #5aafba;

/*Accent*/
	--accent-h: 37;
	--accent-s: 72%;
	--accent-l: 45%;
}

.published-container {
/*Publish*/
	--component-title-color: #3d68b8;
	--component-title-font: 'Immortal', 'El Messiri';
	--outline-heading-color: #2e4b80
	--outline-heading-color-active: #3d68b8;
	--page-title-font: 'Immortal', 'El Messiri';
	--graph-text: 'El Messiri';
	--site-name-font: 'Immortal', 'El Messiri';
	--nav-item-border-color: #3d68b8;
	/*.el-ul {
		margin-left: 4em;
	}*/
}

.theme-dark {
/*Backgrounds*/
	--background-primary: #10151e;
	--background-secondary: #05070c;
	--background-primary-alt: #1f2f4d;
	--background-secondary-alt: #10151e;
	--sidebar-left-background: #05070c;
	--sidebar-left-border-color: #1f2f4d;
	--sidebar-right-background: transparent;
	--sidebar-right-border-color: #1f2f4d;
	--background-modifier-form-field: #1f2f4d;
	--background-modifier-border: #2e4b80;
	--background-modifier-form-field-hover: #10151e;
	--background-modifier-border-hover: #1f2f4d;
	--background-modifier-border-focus: #1f2f4d;

/*Body Text*/
	--text-normal: #b0d7dc;
	--text-muted: #4d93ba;
	--text-faint: #2e4b80;
	--italic-color: #e5f2f4;

/*Indents*/
	--hr-color: #5aafba;

/*Table*/
	--table-background: #05070c;
	--table-border-color: #1f2f4d;

/*Graph*/
	--graph-text: #b0d7dc;

}

.theme-light {
/*Backgrounds*/
	--background-primary: #e5f2f4;
	--background-secondary: #b0d7dc;
	--background-primary-alt: #b0d7dc;
	--background-secondary-alt: #5aafba;
	--sidebar-left-background: #5aafba;
	--sidebar-left-border-color: #53a1ba;
	--sidebar-right-background: transparent;
	--sidebar-right-border-color: #53a1ba;
	--background-modifier-form-field: #b0d7dc;
	--background-modifier-border: #53a1ba;
	--background-modifier-form-field-hover: #5aafba;
	--background-modifier-border-hover: #4d93ba;
	--background-modifier-border-focus: #4d93ba;

/*Body Text*/
	--text-normal: #1f2f4d;
	--text-muted: #3d68b8;
	--text-faint: #53a1ba;
	--italic-color: #2e4b80;

/*Indents*/
	--hr-color: #1f2f4d;

/*Table*/
	--table-background: #b0d7dc;
	--table-border-color: #53a1ba;

/*Graph*/
	--graph-text: #10151e;
}

/*Trinita Palette
	#e5f2f4
	#b0d7dc
	#5aafba
	#53a1ba
	#4d93ba
	#4785ba
	#4277b9
	#3d68b8
	#2e4b80
	#1f2f4d
	#10151e
	#05070c

	red #c52020
	orange #c55820
	yellow #c58520
	green #5bc520
	cyan #20c5b6
	blue #203ac5
	purple #5b20c5
	pink #c520bf
*/