/*DESKTOP*/

:root {

	/*darkmode colors*/


	--white: #FFF;
	/*logo-background + navtext*/
	--darkpurple: #391556;
	/*background + nav-arm im darkmode* + mode-switch*/
	--lightpurple: #9168B1;
	/*nav-bar*/
	--darkred: #8F0000;
	/*hover*/
	--green: #3DA8A1;
	--yellow: #F2D66C;
	--red: #D92344;
	--blue: #1E91D9;


	/*Main*/


	/*lightmode colors*/
	--black: #000;
	--red: #F25252;
	--blue: #4287F5;
	--hell-blue: #88D1FF;
	--darkyellow: #F2D66C;
	/* videoplayer + polaroid + contactsun + sendbutton  */
	--lightorange: #F39D36;
	/*nav-bar + Hebel + footer */
	--darkorange: #F3764A;
	/*nav-arm* + mode-switch + headings  */
	--green: #14A697;
	--hover-darkorange: #f3774ae3;
	--hover-blue: #5CC0FF;
	--video-player: #F1C22E;
	/* Form Input Elements */
	--lightblue: #cbe6f7;
	--darkblue: #1b58bc;
	--lightyellow: #fbf1cd;



	--margin-sc: 10rem;


	--margin: 2rem;
	--margin-t: 2rem;
	--margin-b: 1.2rem;
	--margin-r: 2rem;
	--margin-l: 2rem;

	/* padding*/

	--padding: 2rem;
	--padding-t: 1rem;
	--padding-b: 1rem;
	--padding-r: 1rem;
	--padding-l: 1rem;

	/* elements*/

	--border: solid black 3px;
	--border-input: solid var(--darkblue) 3px;
	--boxshadow: 6px 6px 0px 0px #000;
	--boxshadow-input: 6px 6px 0 0 var(--darkblue);
	--border-radius: 60px;

	/*font*/

	--mainheadings: "Lemon";
	--fliesstext: "Noto Sans", sans-serif;
	--heading-h2: clamp(1.3rem, 0.425rem + 4.375vw, 2.5rem);



	--gap: 1rem;

	/*MOBILE*/


}