@import "./common.css";
@import "./mapping.css";
@import "./typography.css";

:root {
	--smoothly-semitransparent: .8;

	--smoothly-default-color: 246, 243, 240;
	--smoothly-default-contrast: 46, 52, 54;
	--smoothly-default-shade: 220, 214, 208;
	--smoothly-default-tint: 255, 255, 255;

	--smoothly-primary-color: 66, 93, 40;
	--smoothly-primary-contrast: 255, 255, 255;
	--smoothly-primary-shade: 43, 71, 17;
	--smoothly-primary-tint: 147, 180, 115;

	--smoothly-secondary-color: 206, 76, 0;
	--smoothly-secondary-contrast: 255, 255, 255;
	--smoothly-secondary-shade: 129, 52, 7;
	--smoothly-secondary-tint: 233, 112, 40;

	--smoothly-tertiary-color: 52, 101, 164;
	--smoothly-tertiary-contrast: 255, 255, 255;
	--smoothly-tertiary-shade: 91, 80, 46;
	--smoothly-tertiary-tint: 222, 202, 143;

	--smoothly-success-color: 66, 93, 40;
	--smoothly-success-contrast: 255, 255, 255;
	--smoothly-success-shade: 43, 71, 17;
	--smoothly-success-tint: 147, 180, 115;

	--smoothly-warning-color: 228, 195, 31;
	--smoothly-warning-contrast: 255, 255, 255;
	--smoothly-warning-shade: 204, 172, 9;
	--smoothly-warning-tint: 235, 211, 92;

	--smoothly-danger-color: 206, 76, 0;
	--smoothly-danger-contrast: 255, 255, 255;
	--smoothly-danger-shade: 129, 52, 7;
	--smoothly-danger-tint: 233, 112, 40;

	--smoothly-dark-color: 50, 54, 46;
	--smoothly-dark-contrast: 255, 255, 255;
	--smoothly-dark-shade: 31, 33, 28;
	--smoothly-dark-tint: 90, 97, 83;

	--smoothly-medium-color: 85, 87, 83;
	--smoothly-medium-contrast: 255, 255, 255;
	--smoothly-medium-shade: 57, 58, 56;
	--smoothly-medium-tint: 118, 121, 115;

	--smoothly-light-color: 135, 138, 133;
	--smoothly-light-contrast: 255, 255, 255;
	--smoothly-light-shade: 113, 116, 111;
	--smoothly-light-tint: 151, 154, 149;

	--smoothly-shadow: 0 0 4px 2px rgba(var(--smoothly-light-color), 0.25);
	--smoothly-shadow-strong: 0 0 4px 4px rgba(var(--smoothly-light-color), 0.25);
}

/* smoothly-app>smoothly-notifier>header>h1>a {
	color: transparent;
	background-image: url("../weekmeter-logo.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	height: 3em;
	width: 5em;
} */