@charset "UTF-8";

:root {
	--red: rgb(255, 112, 112);
    --green: rgb(112, 255, 112);
    --black: black;
    --white: white;
    
    --desktop: linear-gradient(to bottom,  #99d39c, #e8f5e9);
	--window: #e8f5e9;
	--text: #1b1b1b;

	--header: #2e7d32;
	--footer: #1b5e20;
	--header-text: white;
	--footer-text: white;
	
	--button: #66bb6a;
	--button-shadow: #2e7d32;
	--button-text: white;
}


/* Space */
[data-theme="space"] {
	--desktop: linear-gradient(to bottom, #36365f, #43587f);
	--window: #16213e;
	--text: #ffffff;
	
	--header: #7E57C2;
	--footer: #47c421;
	--header-text: white;
	--footer-text: white;
	
	--button: #7E57C2;
	--button-shadow: #512DA8;
	--button-text: white;
}

/* Ocean */
[data-theme="ocean"] {
	
	--desktop: linear-gradient(to bottom, #43587f, #0288d1 );
	--window: #d3ebff;
	--text: #0a2a3a;
		
	--header: #0288d1;
	--footer: #01579b;
	--header-text: white;
	--footer-text: white;

	--button: #03a9f4;
	--button-shadow: #0277bd;
	--button-text: white;
}

/* Candy */
[data-theme="candy"] {
	--desktop: linear-gradient(to bottom, #fff0f6, #f295ba );
	--window: #ffdcea;
	--text: #4a0c25;
	
	--header: #ff4081;
	--footer: #c2185b;
	--header-text: white;
	--footer-text: white;

	--button: #ff80ab;
	--button-shadow: #d81b60;
	--button-text: white;
	
}

/* Candy */
[data-theme="happy"] {
	--desktop: linear-gradient(to bottom, #313E17, #4C5C2D );
	--window: #FFDE42;
	--text: #4a0c25;
	
	--header: #4C5C2D;
	--footer: #313E17;
	--header-text: white;
	--footer-text: white;

	--button: #4C5C2D;
	--button-shadow: #1B0C0C;
	--button-text: white;
	
}

.my-color-warning {
	color: var(--red);
}

.my-color-info {
	color: var(--green);
}