[data-theme="light"] {

	/* === design elements === */
	--icon-filter: invert(100%);
	--colored-icon-filter: invert(40%) sepia(100%) saturate(561%) hue-rotate(176deg) brightness(103%) contrast(89%);

	/* === background === */
	--bg: linear-gradient(hsl(0, 0%, 98%), hsl(216, 10%, 90%));
	--bg-img: url("../resources/main/textures/bglight.webp");

	/* === main colors === */
	--bg-color: #E7E8E9; 
	--bg-transp-color: rgba(236, 239, 244, 0.6);
	--bg-transp-color-2: rgba(236, 239, 244, 0.8);

	--home-bg-color-light: #232B35;
	--home-border-color: rgb(92, 137, 137);
	--page-bar-color: #15191e;
	--link-bar-color: #0D0F12;

	--border-color: rgba(198, 198, 198, 0.5);

	/* === text colors === */
	--pebble-yellow: #358df1;
	--pebble-yellow-transp: rgba(73, 172, 253, 0.4);
	--link: rgba(178, 193, 198, 0.4);
	--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);

	--a: hsl(258, 19%, 18%);
	--sidebar-button-color: #d8e4f1;

	/* === shadows === */
	--home-shadow-color: rgba(0,0,0,.5);
	--shadow-color: rgba(0,0,0,.3);
	--text-shadow-color: rgb(0, 0, 0);

}