:root {
	--zemin: #F9F7F2;
	--yuzey: #FFFFFF;
	--zemin-vurgu: var(--zemin);
	--zemin-vurgu-koyu: var(--zemin-vurgu);
	--ayrac-vurgu: var(--ikincil);
	--birincil: #C5A059;
	--ikincil: #1A1A1A;
	--notr: #707070;
	--kenarlik: #E5E1D8;
	--indirim: #A63D2F;
	--stokta: #4A6B4A;
	--tukendi: #9A9A9A;
	--renk-varsayilan: #C7C1B7;
	--renk-siyah: #151515;
	--renk-beyaz: #FFFFFF;
	--renk-bej: #D7C3A5;
	--renk-lacivert: #172554;
	--renk-ekru: #F3EAD7;
	--alan-1: 4px;
	--alan-2: 8px;
	--alan-3: 12px;
	--alan-4: 16px;
	--alan-5: 24px;
	--alan-6: 32px;
	--alan-7: 48px;
	--alan-8: 64px;
	--kose-1: 8px;
	--kose-kart: 10px;
	--kose-hap: 999px;
	--font-baslik: "Bodoni Moda", Georgia, serif;
	--font-govde: "Montserrat", Arial, sans-serif;
	--mobil-nav-yukseklik: 68px;
	--mobil-satin-al-yukseklik: 64px;
}

@supports (color: color-mix(in srgb, red, blue)) {
	:root {
		--zemin-vurgu: color-mix(in srgb, var(--birincil) 22%, var(--zemin));
		--zemin-vurgu-koyu: color-mix(in srgb, var(--birincil) 36%, var(--zemin));
		--ayrac-vurgu: color-mix(in srgb, var(--ikincil) 56%, var(--kenarlik));
	}
}