body {
	--color-text: #fff;
	--color-text-alt: #747474;
	--color-bg: #151518;
	--color-link: #c8b271;
	--color-link-hover: #fff;

	--cursor-dot: #000;
	--cursor-circle: #000;
}

a {
	text-decoration: none;
	color: var(--color-link);
	outline: none;
}

a:hover {
	color: var(--color-link-hover);
	outline: none;
}

/* Better focus styles from https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */
a:focus {
	/* Provide a fallback style for browsers
	 that don't support :focus-visible */
	outline: none;
	background: lightgrey;
}

a:focus:not(:focus-visible) {
	/* Remove the focus indicator on mouse-focus for browsers
	 that do support :focus-visible */
	background: transparent;
}

a:focus-visible {
	/* Draw a very noticeable focus style for
	 keyboard-focus on browsers that do support
	 :focus-visible */
	outline: 2px solid red;
	background: transparent;
}


@media (any-pointer:fine) {
	.cursor {
		position: fixed;
		top: 0;
		left: 0;
		display: block;
		pointer-events: none;
		z-index: 10000;

		/* --- BU SATIRLARI EKLE --- */
		transition: none !important;
		transform-origin: center center;
		/* ------------------------- */
	}

	.cursor--1 .cursor__inner {
		fill: var(--cursor-dot);
		/* İçerideki dairenin de transition etkisinde kalmadığından emin olalım */
		transition: none !important;
	}

	.cursor--2 .cursor__inner {
		fill: none;
		stroke: var(--cursor-circle);
		stroke-width: 1px;
		transition: none !important;
	}

	.no-js .cursor {
		display: none;
	}
}