@import "./ionic-normalize.css";

[color=default] {
	--smoothly-color: var(--smoothly-default-color);
	--smoothly-color-contrast: var(--smoothly-default-contrast);
	--smoothly-color-shade: var(--smoothly-default-shade);
	--smoothly-color-tint: var(--smoothly-default-tint);
}

[color=primary] {
	--smoothly-color: var(--smoothly-primary-color);
	--smoothly-color-contrast: var(--smoothly-primary-contrast);
	--smoothly-color-shade: var(--smoothly-primary-shade);
	--smoothly-color-tint: var(--smoothly-primary-shade);
}

[color=secondary] {
	--smoothly-color: var(--smoothly-secondary-color);
	--smoothly-color-contrast: var(--smoothly-secondary-contrast);
	--smoothly-color-shade: var(--smoothly-secondary-shade);
	--smoothly-color-tint: var(--smoothly-secondary-tint);
}

[color=tertiary] {
	--smoothly-color: var(--smoothly-tertiary-color);
	--smoothly-color-contrast: var(--smoothly-tertiary-contrast);
	--smoothly-color-shade: var(--smoothly-tertiary-shade);
	--smoothly-color-tint: var(--smoothly-tertiary-tint);
}

[color=success] {
	--smoothly-color: var(--smoothly-success-color);
	--smoothly-color-contrast: var(--smoothly-success-contrast);
	--smoothly-color-shade: var(--smoothly-success-shade);
	--smoothly-color-tint: var(--smoothly-success-tint);
}

[color=warning] {
	--smoothly-color: var(--smoothly-warning-color);
	--smoothly-color-contrast: var(--smoothly-warning-contrast);
	--smoothly-color-shade: var(--smoothly-warning-shade);
	--smoothly-color-tint: var(--smoothly-warning-tint);
}

[color=danger] {
	--smoothly-color: var(--smoothly-danger-shade);
	--smoothly-color-contrast: var(--smoothly-danger-contrast);
	--smoothly-color-shade: var(--smoothly-danger-shade);
	--smoothly-color-tint: var(--smoothly-danger-tint);
}

[color=light] {
	--smoothly-color: var(--smoothly-light-color);
	--smoothly-color-contrast: var(--smoothly-light-contrast);
	--smoothly-color-shade: var(--smoothly-primary-shade);
	--smoothly-color-tint: var(--smoothly-light-tint);
}

[color=medium] {
	--smoothly-color: var(--smoothly-medium-color);
	--smoothly-color-contrast: var(--smoothly-medium-contrast);
	--smoothly-color-shade: var(--smoothly-medium-shade);
	--smoothly-color-tint: var(--smoothly-medium-tint);
}

[color=dark] {
	--smoothly-color: var(--smoothly-dark-color);
	--smoothly-color-contrast: var(--smoothly-dark-contrast);
	--smoothly-color-shade: var(--smoothly-dark-shade);
	--smoothly-color-tint: var(--smoothly-dark-tint);
}

[fill=default] {
	color: rgb(var(--smoothly-color-contrast));
	stroke: rgb(var(--smoothly-color-contrast));
	fill: rgb(var(--smoothly-color-contrast));
	background: rgb(var(--smoothly-color));
	border-color: transparent;
}

[fill=outline] {
	color: rgb(var(--smoothly-color));
	stroke: rgb(var(--smoothly-color));
	fill: rgb(var(--smoothly-color));
	background: transparent;
	border-color: rgb(var(--smoothly-color));
}

[fill=clear] {
	color: rgb(var(--smoothly-color));
	stroke: rgb(var(--smoothly-color));
	fill: rgb(var(--smoothly-color));
	background: transparent;
	border-color: transparent;
}

[fill=solid] {
	color: rgb(var(--smoothly-color-contrast));
	stroke: rgb(var(--smoothly-color-contrast));
	fill: rgb(var(--smoothly-color-contrast));
	background: rgb(var(--smoothly-color));
	border-color: rgb(var(--smoothly-color));
}

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

	--smoothly-default-color: 255, 255, 255;
	--smoothly-default-contrast: 46, 52, 54;
	--smoothly-default-shade: 234, 234, 231;
	--smoothly-default-tint: 136, 138, 133;

	--smoothly-primary-color: 207, 32, 63;
	--smoothly-primary-contrast: 255, 255, 255;
	--smoothly-primary-shade: 169, 26, 52;
	--smoothly-primary-tint: 233, 110, 132;

	--smoothly-secondary-color: 185, 203, 225;
	--smoothly-secondary-contrast: 255, 255, 255;
	--smoothly-secondary-shade: 61, 98, 143;
	--smoothly-secondary-tint: 237, 242, 247;

	--smoothly-tertiary-color: 52, 101, 164;
	--smoothly-tertiary-contrast: 238, 238, 238;
	--smoothly-tertiary-shade: 32, 74, 135;
	--smoothly-tertiary-tint: 114, 159, 207;

	--smoothly-success-color: 95, 173, 86;
	--smoothly-success-contrast: 255, 255, 255;
	--smoothly-success-shade: 72, 133, 64;
	--smoothly-success-tint: 126, 189, 119;

	--smoothly-warning-color: 237, 174, 73;
	--smoothly-warning-contrast: 255, 255, 255;
	--smoothly-warning-shade: 232, 153, 25;
	--smoothly-warning-tint: 242, 195, 121;

	--smoothly-danger-color: 204, 0, 0;
	--smoothly-danger-contrast: 242, 242, 242;
	--smoothly-danger-shade: 164, 00, 00;
	--smoothly-danger-tint: 239, 41, 41;

	--smoothly-dark-color: 51, 51, 51;
	--smoothly-dark-contrast: 255, 255, 255;
	--smoothly-dark-shade: 26, 26, 26;
	--smoothly-dark-tint: 87, 87, 87;

	--smoothly-medium-color: 113, 121, 128;
	--smoothly-medium-contrast: 255, 255, 255;
	--smoothly-medium-shade: 96, 100, 108;
	--smoothly-medium-tint: 144, 152, 157;

	--smoothly-light-color: 237, 241, 252;
	--smoothly-light-contrast: 51, 51, 51;
	--smoothly-light-shade: 225, 232, 249;
	--smoothly-light-tint: 246, 249, 254;

	--smoothly-color-contrast: 46, 52, 54;

	--smoothly-shadow: 0 0 4px 2px rgba(var(--smoothly-default-contrast), 0.25);
	--smoothly-shadow-strong: 0 0 4px 4px rgba(var(--smoothly-light-color), 0.25);
	--border-radius: 0.25rem;
	--table-width: 100%;
}

a {
	color: rgb(var(--smoothly-default-contrast))
}