/* Custom CSS */

:root {
  --black:    #04060A;
  --navy:     #080E18;
  --graphite: #0C1420;
  --lime:     #B6FF4E;
  --lime2:    #D4FF80;
  --cyan:     #00D9FF;
  --cyan2:    #00F0C8;
  --cyan3:    #67FFB8;
  --text:     #F5F7FA;
  --muted:    #94A3B8;
  --border:   rgba(255,255,255,0.07);
  --glass:    rgba(255,255,255,0.04);
  --glass2:   rgba(255,255,255,0.07);
}

/* ── CUSTOM CURSOR ── */
/* #cursor{
  position:fixed;width:12px;height:12px;border-radius:50%;
  background:var(--lime);pointer-events:none;z-index:9999;
  transition:transform 0.15s ease,opacity 0.15s;
  mix-blend-mode:difference;
}
#cursor-ring{
  position:fixed;width:36px;height:36px;border-radius:50%;
  border:1px solid rgba(182,255,78,0.4);pointer-events:none;z-index:9998;
  transition:transform 0.35s ease,width 0.25s,height 0.25s,border-color 0.25s;
} */


/* ═══════════════════════════════════════════
CURSOR CSS — শুধু এই অংশ কপি করুন
(আপনার existing CSS অপরিবর্তিত থাকবে)
═══════════════════════════════════════════ */
body {
	background:var(--black);
/* 	cursor: none; */
	
}

/*  #cursor {
	position: fixed;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #B6FF4E;
	pointer-events: none;
	z-index: 9999;
	transition: transform 0.15s ease, opacity 0.15s;
	mix-blend-mode: difference;
}

#cursor-ring {
	position: fixed;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid rgba(182, 255, 78, 0.4);
	pointer-events: none;
	z-index: 9998;
	transition: transform 0.35s ease, width 0.25s, height 0.25s, border-color 0.25s;
}  */

/* mobile এ cursor hide করার জন্য (optional) */
@media (max-width: 600px) {
/* 	body {
		cursor: auto;
	}
	#cursor, #cursor-ring {
		display: none;
	} */
}