:root {
	/* Brand — same main color in light & dark */
	--color: #7fd9b8;
	--hover: #9be6cb;
	--color-on: #0f1c1a;
	/* Stronger tone for text/links/borders on white */
	--color-strong: #1a6b58;
	--color-soft: rgba(127, 217, 184, 0.28);

	--background: #ffffff;
	--card: #e0e0e0;
	--body: #ffffff;
	--borderColor: rgba(30, 30, 37, 0.18);

	--fontColor: #1E1E25;

	--bolColor: #0059ce;
	--amazonColor: #be5f00;

	--green: #1a6b58;
	--blue: rgb(0, 0, 255);
	--red: rgb(255, 0, 0);
	--yellow: rgb(251, 200, 0);
	
	--boxShadow: 1px 2px 5px #0b0b0c;
	--boxShadowHover: 4px 4px 10px #0b0b0c;

	--tableHoverBG: #cfcfcf;

	--textAreaBG: #ffffff;
	--inputShadow: none;

}