@import "./common.css";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
:root {
	--smoothly-font-family: "Open Sans", Verdana;
	--smoothly-semitransparent: .8;

	--smoothly-default-contrast: 51, 51, 51;
	--smoothly-default-color: 255, 255, 255;
	--smoothly-default-shade: 225, 232, 249;
	--smoothly-default-tint: 246, 249, 254;
	
	--smoothly-primary-color: 0, 98, 204;
	--smoothly-primary-contrast: 255, 255, 255;
	--smoothly-primary-shade: 1, 95, 196;
	--smoothly-primary-tint: 13, 116, 226;

	--smoothly-secondary-color: 145, 151, 157;
	--smoothly-secondary-contrast: 255, 255, 255;
	--smoothly-secondary-shade: 135, 140, 145;
	--smoothly-secondary-tint: 159, 159, 160;

	--smoothly-tertiary-color: 23, 162, 184;
	--smoothly-tertiary-contrast: 255, 255, 255;
	--smoothly-tertiary-shade: 22, 153, 173;
	--smoothly-tertiary-tint: 33, 168, 188;
	
	--smoothly-success-color: 95, 173, 86;
	--smoothly-success-contrast: 255, 255, 255;
	--smoothly-success-shade: 86, 155, 77;
	--smoothly-success-tint: 105, 188, 94;
	
	--smoothly-warning-color: 255, 211, 78;
	--smoothly-warning-contrast: 46, 52, 54;
	--smoothly-warning-shade: 219, 158, 67;
	--smoothly-warning-tint: 255, 203, 68;
	
	--smoothly-danger-color: 220, 53, 69;
	--smoothly-danger-contrast: 255, 255, 255;
	--smoothly-danger-shade: 209, 52, 65;
	--smoothly-danger-tint: 219, 74, 86;
	
	--smoothly-dark-color: 51, 51, 51;
	--smoothly-dark-contrast: 255, 255, 255;
	--smoothly-dark-shade: 40, 40, 40;
	--smoothly-dark-tint: 63, 63, 63;
	
	--smoothly-medium-color: 113, 121, 128;
	--smoothly-medium-contrast: 255, 255, 255;
	--smoothly-medium-shade: 102, 108, 114;
	--smoothly-medium-tint: 123, 124, 124;

	--smoothly-light-color: 229, 229, 227;
	--smoothly-light-contrast: 46, 52, 54;
	--smoothly-light-shade: 219, 219, 219;
	--smoothly-light-tint: 234, 234, 234;
	
	--smoothly-shadow: 0 0 4px 2px rgba(var(--smoothly-color-contrast), 0.25);
	--smoothly-shadow-strong: 0 0 4px 4px rgba(var(--smoothly-light-color), 0.25);
	--border-radius: 0.25rem;
	--input-width: 18rem;
	--table-width: 100%;
}