:root {
	--background-color: white;
	--text-color: black;
	--dominant-color: #49abaa;
	--dominant-color-hover: #3e8f8f; /* Upewnij się, że zmienna jest zdefiniowana */
	--accent-color: #f4b400;
	--card-bg: #e6f7f8;
	--link-color: #49abaa;
	--article-bg: #ffffff;
	--article-text: #333333;
	--title-color: #49abaa;
}

/* Styl dla motywu dark */
[data-theme='dark'] {
	--background-color: #1a2b2b;
	--text-color: #f1f1f1;
	--dominant-color: #2e6e6e;
	--dominant-color-hover: #2e6e6e;
	--accent-color: #ffcb66;
	--card-bg: #2e4040;
	--link-color: #6cdad9;
	--article-bg: #1e1e1e;
	--article-text: #dddddd;
	--title-color: #7fd4d3;
}