:root {
	--white: #ffffff;
	--black: #000000;

	--bg-grey: #f5f6f8;
	--bg-blue: #698dc3;
	--bg-blue-light: #dcebf4;
	--bg-blue-light-hover: #a9cdf3;
	--border-blue: #3761ab;
	--bg-blue-hover: #3b6fb1;
	--shadow: rgba(0, 0, 0, 0.25);
	--blue-box-bg: rgba(220, 235, 244, 0.9);
	--divider-grey: #bfc3cb;

	--bg-red: #8b000026;
	--text-red: #8b0000;
}

* {
	font-family: "Roboto", sans-serif;
}
html {
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body {
	font-weight: 400;
	letter-spacing: 0.2px; /* Roboto pak působí čistěji */
	overflow-x: hidden;
}

h1,
h2,
.title {
	font-weight: 700;
	letter-spacing: -0.5px;
}

.subtitle {
	font-weight: 500;
	letter-spacing: -0.2px;
}