:root {
	/* color-scheme: dark light; */

	/* colors */
	--black: #262223;
	--lblack: #302f2e;
	--lblack2: #3c3c3c;
	--lblack3: #3a3938;
	--lblack4: #403f3e;
	--input-bg: #5b5957;
	--button-bg:#797775;
	--ltext: #8f8b87;
	--plain-button-hover: var(--checkout);
	--disabled-bg: #c3c1c1;
	--disabled-color: #dfdfdf;
	/* --textarea: #e3d9ce; */
	/* --lblack-alt: #4e4c4a; */
	--border: #585756;
	--ldivisor: #cdc9c5;
	--active-icon: white;
	/* ------------ */
	--red: #e50000;
	--green: #608A32;
	--green2: #51ab1a;
	--blue: #227dd1;
	--checkout: #24c792;
	/* ------------ */
	
	/* dimensions */
	--bradius: 5px;
	--bradius-small: 2px;
	--modal-padding: 3em;
	--modal-item-margin: 1em;
	/* ------------ */

	/* font sizxs */
	--title-clamp: clamp(1.2em, 0.8em + 1vw, 1.6em);
	
	/* effects */
	--shadow: 7px 7px 12px #101010;
	/* ------------ */
	

	--black-t: #262223ad;
	--black-t2: #262223c2;
	--cream: #ece4db;
	
	--grey: #4d4d4d;
	--lgrey: #a2a2a2;
	
	--blue2: #00d3f5;
	/* --orange: #ffbb00; */
	--yellow: #f3cc41;
	/* --red: red; */
	--width-input-border: 2px;
	--co-textfld-border: #333;
	--leading-inputs: 120%;
	--padding-inputs: 0.75em;
	--radius-inputs: 0.25em;
	
}