:root {
	--app-height: 100%;
	--white: #fff;
	--black: #000;

	--text: #0f172a;
	--text-secondary: #5f6b7a;
	--text-muted: #8e9aab;

	--background: #fcfcfc;

	--border: #e4eaf2;
	--border-strong: #d4dde8;
	--border-radius: 12px;

	--blue: #7b9ce6;
	--blue-soft: #eef3ff;
	--link: var(--blue);

	--green: #74a66f;
	--green-darken: #648c60;
	--green-soft: #e1f0de;

	--accent: var(--green);

	--box-shadow: 0px 1px 12px color-mix(in srgb, var(--black) 10%, transparent);

	--danger: #db5200;
	--danger-background: #fff6f6;
	--success: #258463;
	--success-background: #edf8f3;
	--warning: #da9225;
	--warning-background: #fff6e8;

	--delta-positive-background: #e5f7df;
	--delta-positive: #566503;

	--delta-negative-background: #FBECE4;
	--delta-negative: #D54C00;

	--red-lighten: #EB866E;
}