@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); /* ⭐ Nowy font dla nagłówków */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700&display=swap'); /* ⭐ Nowy font dla tekstu */


:root {

	--mark:#FF5A19;
	--mark-light:#FF8A56; /* ⭐ Jaśniejsza wersja pomarańczowego */
	--mark-dark:#E04A0A;  /* ⭐ Ciemniejsza wersja pomarańczowego */
	--mark2:var(--mark);
	--mark2-light:var(--mark-light);
	--mark2-dark:var(--mark-dark);
	--grey-dark:#424242;
	--grey-darker:#272727;
	--grey:#888888;
	--grey-light:#ccc;
	--grey-lighter:#f1f2f6;
	--black:#000;
	--white:#fff;
	--red:#f00;
	--yellow:#ff0;
	--font-family-header: 'Inter', sans-serif; /* ⭐ Zmieniony na Inter */
	--font-family-header-light: 400;
	--font-family-header-regular: 500;
	--font-family-header-medium: 600;
	--font-family-header-bold: 700; /* ⭐ Zwiększony na 700 */
	--font-family-text: 'Open Sans', sans-serif; /* ⭐ Zmieniony na Open Sans */
	--font-family-text-light: 300;
	--font-family-text-regular: 400;
	--font-family-text-medium: 500;
	--font-family-text-bold: 700;
	--font-family-icon-google: 'Material Symbols Outlined';
	scroll-behavior: smooth;
}
body.dark_mode {
	--mark:#EF5350;
	--mark-light:#E57373;
	--mark-dark:#F44336;
	--mark2:var(--mark);
	--mark2-light:var(--mark-light);
	--mark2-dark:var(--mark-dark);
	--grey-dark:#f1f2f6;
	--grey-darker:#ccc;
	--grey:#888888;
	--grey-light:#424242;
	--grey-lighter:#272727;
	--black:#dedede;
	--white:#141414;
	--red:#f00;
	--yellow:#ff0;
}