.header-link {
	color: var(--foreground); 
	position: relative;       
	transition-property: all; 
	transition-duration: 0.3s; 
	transition-timing-function: ease; 
  }

.header-link:hover {
	color: var(--primary);     
	/*box-shadow: 0 0 8px var(--primary); 	*/
}

.gradient-line {
	position: absolute;
	inset: 0;
  
	/* Gradient direction */
	--tw-gradient-position: to right in oklab;
  
	/* Gradient colors: transparent → faint primary → transparent */
	--tw-gradient-from: transparent;
	--tw-gradient-via: color-mix(in oklab, var(--primary) 5%, transparent);
	--tw-gradient-to: transparent;
  
	/* Gradient stops */
	--tw-gradient-from-position: 0%;
	--tw-gradient-via-position: 50%;
	--tw-gradient-to-position: 100%;
  
	--tw-gradient-via-stops: var(--tw-gradient-position),
	  var(--tw-gradient-from) var(--tw-gradient-from-position),
	  var(--tw-gradient-via) var(--tw-gradient-via-position),
	  var(--tw-gradient-to) var(--tw-gradient-to-position);
  
	--tw-gradient-stops: var(--tw-gradient-via-stops);
  
	/* Final background gradient */
	background-image: linear-gradient(var(--tw-gradient-stops));
  }


  .gradient-underline{
	position: absolute;
	bottom: -0.25rem; 
	left: 0;
	width: 0;
	height: 0.125rem; 
	background-image: linear-gradient(to right in oklab, var(--primary), var(--chart-2));
	transition: all 0.3s ease;
  }

.header-link:hover .gradient-underline {
	width: 100%;
  }

  .header-link-mobile {
	display: block;
	padding: 0.5rem 0.75rem;
	color: var(--foreground);
	transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
	transition-timing-function: ease;
	transition-duration: 0.3s; 
  }
  
  .header-link-mobile:hover {
	color: var(--primary);
  }

  .lucide-menu:hover, .lucide-x:hover {
	stroke: var(--primary);
  }
  


    
/* Fallbacks for browsers that don't support color-mix */
@supports not (color: color-mix(in lab, red, red)) {
	.gradient-line {
	  background-image: linear-gradient(
		to right,
		transparent,
		rgba(0, 0, 0, 0.05),
		transparent
	  );
	}
  }