/*
femto.css framework
"No crap, just simple HTML"

This file is part of the femto.css framework  

2020 - nokoru and contributors. no rights reserved.
This framework comes with no warranty.
femto license: Unlicense
Inter font family license: SIL Open Font License 1.1
* 
* 
* 
* 
blueM = #293744
bluelight = #465871
whiteM = #fafefd
greyM = #95999c
greyM2 = #989ba4

*/
:root {
	/* webpage content size */
	--content-width-desktop: 800px;

	/* backgrounds */
	--html-bg-color: url("img/background.jpg");
	--nav-bg-color: #292929;
	--header-bg-color: #2f3b3b;
	--main-bg-color: #03043c;
	--footer-bg-color: #292929;
	--border-bg-color: 1.5px solid #f4efe7;

	/* nav font */
	--nav-text-color: #b5b5b5;
	--nav-link-color: #b5b5b5;
	--nav-link-hover-color: #0366d6;
	--nav-link-active-color: #0366d6;

	/* nav - other colors */
	--nav-border-top-color: #0366d6;
	--nav-shadow-color: black;

	/* header font */
	--header-text-color: #fafefd;
	--header-link-color: #0366d6;
	--header-hover-color: #0366d6;
	--header-active-color: #0366d6;

	/* main font */
	--main-text-color: #f4efe7;
	--main-link-color: #f7d438;
	--main-link-hover-color: #ffff8f;
	--main-link-active-color: #FFFFB3;

	/* headers font */
	--h1-font-color: #f4efe7;
	--h2345-font-color: #eeeeee;
	--h6-font-color: #6a737d;
	--h2-border-bottom-color: #595959;

	/* footer font */
	--footer-text-color: #b5b5b5;
	--footer-link-color: #f5f5f5;
	--footer-link-hover-color: #f5f5f5;
	--footer-link-active-color: #f5f5f5;

	/* forms */
	--form-input-main-color: #0366d6;
	--form-input-secondary-color: #4fa0fc;
	--form-button-text-color: white;
	--form-border-color: #595959;
	--form-input-bg: #292929;
	--form-input-shadow: black;
	--form-input-text: #dddddd;

	/* nav */
	--nav-burger-color: #b5b5b5;

	/* colorful buttons */
	--btn1-main-color: #0366d6;
	--btn1-secondary-color: #4fa0fc;
	--btn1-text-color: white;
	
	--btn2-main-color: #00cc44; /* green */
	--btn2-secondary-color: #66ff99; /* light green */
	--btn2-text-color: white;	

	--btn3-main-color: #ffcc00; /* gold */
	--btn3-secondary-color: #ffe680; /* light gold */
	--btn3-text-color: black;

	--btn4-main-color: #e90030; /* "pinky" red */
	--btn4-secondary-color: #ff8099; /* light "pinky" red */
	--btn4-text-color: white;

	--btn5-main-color: #bf139a; /* purple */
	--btn5-secondary-color: #f273d6; /* light purple */
	--btn5-text-color: white;

	/* other */
	--hr-border-color: #595959;
	--code-bg-color: black;
	--code-text-color: #f5f5f5;
	--pre-bg-color: black;
	--blockquote-text-color: #737373;
	--blockquote-border-color: #737373;
}