:root{
    --primary: #0ea5a4;   /* change to your theme primary */
    --accent: #7c3aed;    /* change to your accent */
    --text-gray-700: #374151;
  }

  .nav-link {
    font-weight: 500;
    color: var(--text-gray-700);
    position: relative;
    padding-bottom: 0.25rem;
    transition: color 0.2s ease;
    display: inline-block;
    text-decoration: none;
  }

  .nav-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--primary), var(--accent));
    transition: width 0.3s ease;
  }

  .nav-link:hover {
    color: var(--primary);
  }

  .nav-link:hover::after {
    width: 100%;
  }