[data-theme="light"] {

	/* === design elements === */
	--icon-filter: invert(100%);

	/* === background === */
	--bg: linear-gradient(#FEEEE3, #FEE3E5);
	--bg-img: url("../resources/main/textures/bglight.webp");
	--pebl-img: url("../resources/main/images/widepelpink.webp");

	/* === ui colors === */
	--highlight-color: hsl(349, 50%, 78%, 0.3); /* same as border color except more transparent */
	--highlight-2-color: hsl(349, 50%, 78%, 0.5);; /* same as border color except more transparent */
	--border-color: hsl(349, 50%, 78%, 0.5);
	--sidebar-button-color: hsl(349, 47%, 90%);
	--bg-color: #FAEAE5; 
	--bg-transp-color: hsla(6, 80%, 96%, 0.6);
	--bg-transp-color-2: hsla(6, 80%, 96%, 0.8);

	/* === text colors === */
	--pebble-yellow: #ff1f48;
	--pebble-yellow-transp: hsla(349, 100%, 56%, 0.4);
	--link: hsla(20, 48%, 74%, 0.3);
	--pebble-yellow-transp-faint: rgba(253,209,72,.15);
	--text-color-white: rgb(0, 0, 0);
	--text-color: rgb(72, 72, 72);
	--date-color: rgba(0, 0, 0, 0.33);

	/* === shadows === */
	--shadow-color: rgba(0,0,0,.3);
	--shadow-light-color: hsla(350, 40%, 30%, 0.1);
}